JS是从上向下的同步性解释文档。 上面的代码不能调用下面script中的标签,下面的代码可以调用上面的标签
内联式的js:<a href="javascript:void(0)">超链接</a> 默认阻止跳转的超链接
载入外部js:可以再head和body部分 一定要写上 ./ 表示当前文件所在的文件夹。如果加载的js中,变量或者函数相同时,就会覆盖,这被称为变量污染。 在控制台中,打印的数值是蓝色,字符串是黑色
1、注释
ctrl+/ 行注释,注释一行的代码,shift+alt+a 块状注释。
块状注释可以用来注释一行中的部分内容
块状注释可以用来注释掉一个函数中的大量代码
块状注释对于函数的注释说明在函数部分讲解
2、方法变量
js语言每行结束时必须使用;(半角)结束,且js代码中大小写必须严格按照规定。 除了类,一般首字母都是小写。都使用驼峰式命名规则:除了第一个单词以外,每个单词的首字母大写。 方法结构一般为 方法名(参数...) 必须是英文半角 alert() 将字符串以弹窗弹出,并且暂停到当前行
js是点语法,表示某个对象的方法和属性
document.write("10","20");
document.write("<a href='#'>超链接</a>");
document.body.innerHTML="你好";
document.body.innerHTML="<div></div>";
以上对象有两种模式,一种是属性,属性使用等号"="赋值,一种是方法,方法需要使用括号执行
值得注意的是:document.write() write仅属于document的方法,可以给整个文档中添加内容。而根据id名div0获取的一个div,div0.write(),这种写法就无法实现该方法。
innerHTML是所有body内(含body)标签的属性,可以给这些标签内局部添加标签
js中常用的3个弹出框和打印语句
console.log()
alert() 警告消息框
confirm() 确认消息框
prompt() 提示消息框----就是专门用来给用户提供输入窗口的
3、ES5 和 ES6
为了可以让所有浏览器都是用js,我们定义了一个标准 ECMAScript,各大浏览器都必须按照这个标准渲染页面。 ES5,IE8时代支持的js标准。 2015年正式使用ES6,又称为ES2015
(1)、ES5之前
代码遵循从左至右执行。 a=3; a="a";a=b=3;连等先赋值给=号最左边的元素,再逐级向右。
=号左侧是变量名称,=号右侧是值。 不需要定义,随手写,不需要类型(弱类型)
=号赋值也有返回值。例如:console.log(a=3); 打印一个3
a=(b=3) 这里相当于a先等于b=3的返回值3,再给3赋值给b
(2)、ES5
不允许直接使用变量的赋值, 如果不使用var声明,那就这个变量就一定是window的属性, 而在函数以外的地方使用var声明也是设置了window的属性。
变量命名规则
1、变量必须驼峰式命名
2、临时变量必须使用_起头,后面接驼峰式,有时也会在函数的参数中使用临时变量名
3、变量不可以使用关键词和保留字
4、全局的变量名不能与window下的属性和方法同名
(3)、ES6
let 变量 ES6的定义语法。 const 常量 变量是定义后可以变化值的,常量是一旦定义值就不能再改变。 常量定义时名称必须全部大写,并且使用_区分单词。使用常量目的是不会被别人修改或者变量污染改变。 const EVENT_ID="changes";
4、代码提示信息
alert(message?:any):void
提示 message参数名称 ?表示可以不写值 :any 这个参数的类型可以是任何类型 :void 无返回值