JavaScript概述-第1章
目录
- 初始JavaScript
- 学会使用编辑工具
- 如何引入脚本代码
- 常用语句
- 常见浏览器兼容性问题
了解前端开发技术JavaScript,JavaScript的发展,JavaScript特点,JavaScript的组成及其作用。
发展
- 由布兰登·艾奇(Brendan Eich)发明
- 于1995年出现在Netscape
Netscape与SUN合作,将LiveScript改为JavaScript,成为强力的WEB页开发工具。
是一种基于对象和事件驱动的脚本语言。
使用它的目的是与HTML(超文本标记语言)一起实现网页中的动态交互功能。
JavaScript使网页变得更加生动。
脚本功能强大
实现功能强大
可视性、动态性和交互性于一体的HTML网页
特点
JavaScript是一种基于对象和事件驱动的客户端脚本语言
其主要特点:
- 基于对象:运用自己创建的对象
- 事件驱动:采用事件驱动并执行指定的操作
- 解释性语言:无须专门的编译器进行编译
- 简单性:变量类型采用弱类型
- 安全性:实现信息浏览或动态交互,对
数据的操作是安全的 - 动态性:直接对用户或客户的输入做出响应
- 跨平台性:与操作环境无关
JavaScript的组成
定义了脚本语言的所有属性、方法和对象
浏览器对象模型BOM
文档对象模型DOM
Document Object Model(文档对象模型)
脚本执行原理
嵌入JavaScript语言
<script language="javascript" type="text/javascript">
document.write("欢迎来到JavaScript世界!");
</script>
脚本编辑器
- 记事本
- EditPlus
- UltraEdit
- Dreamweaver
- FrontPage
- Visual Studio等
将JavaScript脚本代码嵌入到HTML文档中
<script language="javascript" type="text/javascript">
document.write("欢迎来到JavaScript世界!");
</script>
<script language="javascript" src="javascript.js"></script>
<input type="button" name="mybtn" value="伪URL引入" onclick="javascript:alert('鼠标单击!')">
<script language="javascript" type="text/javascript">
function clickme()
{
alert("鼠标单击!");
}
</script>
<form name="myform">
<input type="button" name="mybtn" value="按钮" onclick="clickme()">
</form>
脚本代码的位置
在标记对之间放置
在标记对之间放置
常用语句
- 警告对话框alert( )
- 提示对话框prompt(“提示信息”,”输入框的默认信息”);
- 输出document.write(“输出内容” );
<script type="text/javascript">
document.write("<h1>个人信息</h1>");
document.write("<h3>班级:1024<br/>学号:123456<br/>姓名:1234<br/>性别:女<br/>爱好:跳舞、爬山</h3>");
</script>
拓展
JavaScript和Java 的区别
基于对象和面向对象
Java 是一种面向对象的语言
JavaScript 是种脚本语言,是一种基于对象和事件驱动的编程语言
解释和编译
Java的源代码必须经过编译
JavaScript 是一种解释性编程语言,不需经过编译,而是将字符代码发送给客户端由浏览器解释执行
强变量和弱变量
Java采用强类型,变量在编译之前必须作声明
JavaScript采用其弱类型,变量在使用前不需作声明
代码格式不一样
嵌入方式不一样
终极目标
- 用HTML方式和JavaScript脚本方式在页面显示信息
- 在web页面引入JavaScript文件
- 将用户输入的信息在页面输出
- 使用伪URL方式引入JavaScript代码等
代码
JavaScript概述-第1章的更多相关文章
- JavaScript概述.pdf
第1章 JavaScript概述 第2章 使用JavaScript 第3章 语法.关键保留字及变量 第4章 数据类型 第5章 运算符 第6章 流程控制语句 第7章 函数 //没有参数的函数 funct ...
- JavaScript权威指南第01章 JavaScript 概述
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/huangbin10025/article/details/27951767 JavaScript 概 ...
- javascript 概述及基础知识点(变量,常量,运算符,数据类型)
JavaScript概述 1.1 什么是JavaScript: javaScript(简称js),是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言.同时也是一种广泛用于客户端Web开发的脚本语 ...
- 列表的实现-----数据结构与算法JavaScript描述 第三章
实现一个列表 script var booklist = new List(); booklist.append('jsbook'); booklist.append('cssbook'); book ...
- 第九十六节,JavaScript概述
JavaScript概述 学习要点: 1.什么是JavaScript 2.JavaScript特点 3.JavaScript历史 4.JavaScript核心 5.开发工具集 JavaScript诞生 ...
- 从零开始学 Web 之 JavaScript(一)JavaScript概述
大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...
- javascript高级程序设计第二章知识点提炼
这是我整理的javascript高级程序设计第二章的脑图,内容也是非常浅显与简单.希望您看了我的博客能够给我一些意见或者建议.
- 第一节 JavaScript概述
第一节 JavaScript概述 JavaScript:其实就是对HTML+CSS静态页面进行样式修改,使其实现各种动态效果. 编写JS脚本基本步骤: 1. HTML+CSS静态布局: 2. 确定要修 ...
- Unit04: JavaScript 概述 、 JavaScript 基础语法 、 流程控制
Unit04: JavaScript 概述 . JavaScript 基础语法 . 流程控制 my.js function f3() { alert("唐胜伟"); } demo1 ...
随机推荐
- TCC细读 - 2 核心实现
TCC,基于业务层面的事物定义,粒度完全由业务自己控制,本质上还是补偿的思路,它把事物运行过程分为try-confirm-cancel阶段,每个阶段逻辑由业务代码控制 业务活动管理器控制业务活动的一致 ...
- 安装zabbix3.4 centos7
服务端 192.168.70.133 客户端 192.168.70.134 sed -i "s/SELINUX=enforcing/SELINUX=disabled/g" /etc ...
- ASP.NET Boilerplate-AbpSession
/------2016-05-15/------介绍 如果一个应用支持登录,也许需要知道当前登录用户的一些操作,然而ASP.NET 本身对于展现层提供了Session的支持,ABP提供了 IAbpSe ...
- 利用DWORD SHOOT实现堆溢出的利用(先知收录)
原文链接:https://xz.aliyun.com/t/4009 1.0 DWORD SHOOT是什么捏? DWORD SHOOT指能够向内存任意位置写入任意数据,1个WORD=4个bytes,即可 ...
- Teemo's tree problem
题目链接 : https://nanti.jisuanke.com/t/29228 There is an apple tree in Teemo's yard. It contains n node ...
- vue 自动识别PC、移动端,并跳转到对应页面
app.vuehead中添加 <!--自动识别PC.移动--> <script src="static/js/uaredirect.js" type=" ...
- 863. All Nodes Distance K in Binary Tree 到制定节点距离为k的节点
[抄题]: We are given a binary tree (with root node root), a target node, and an integer value K. Retur ...
- MySQL(数据类型和完整约束)
MySQL数据类型 MySQL支持多种数据类型,主要有数值类型.日期/时间类型和字符串类型. 1.数值数据类型 包括整数类型TINYINT.SMALLINT.MEDIUMINT.INT.BIGINT. ...
- JPanel JScrollPanel
JPanel 和 JScrollPanel 都属于面板,也是 Swing 中间容器,可以作为容器存放组件,但必须被添加到其他容器中. JPanel 可以聚集一些组件来布局, JScrollPanel ...
- java 小心使用float和double他可能不如你所想
public static void main(String[] args) { double funds=1.00; ; // ; ;funds>=price;price+=.){ funds ...