JavaScript与HTML、CSS的区别
介绍:使用HTML和CSS,可创建一些漂亮的网页,但熟悉JavaScript后,就可以创 建其他类型的网页了。 使用HTML和CSS时,你做的主要工作都是声明型的,例如指出一些文本为段落,或指出属于sale类的元素都为红色。使用JavaScript时,则要给网页添加行为,为此需要对计算进行描述。你需要知道如何描述类似于下面的事情
- 对所有的正确答案求和,以计算用户的得分;
- 用户单击按钮时,播放声音;
-取回我最近发布的消息,并将其放到这个网页中
JavaScript的书写位置
介绍:JavaScript 书写位置有三种 行内式,嵌入式,外链式,通过这三种方法就可以将JavaScript加入到网页中。 行内式 概念:HTML标签中有一些事件属性 (带有on前缀表示在当前元素触发鼠标经过、鼠标 离开、鼠标单击事件等等) 如 onclick 鼠标单击元素时, 将JS代码书写在HTML标签的事件属性中。 格式:<标签名 事件属性 = “js代码” >
<input type="button" value="点我试试" onclick="alert('Hello World')" />
嵌入式 概念:与嵌入css相似,JavaScript允许使用
<script>
alert('Hello World');
</script>
外链式 概念:JS代码它可以单独的保存为一个以.js为扩展名的文件然后通过HTML中的
<script src="js文件路径位置" ></script>
demo.js文件
alert('Hello World');
index.html文件
<script src="demo.js"></script>
script标签属性
- type 该属性定义script元素包含或src引用的脚本语言。属性的值为MIME类型;支持的MIME类型包括text/javascript, text/ecmascript, application/javascript, 和 application/ecmascript。如果没有定义这个属性,脚本会被视作text/javascript在HTML5中无需显示设置该属性。
- src 这个属性定义引用外部脚本文件的路径,该属性可以用来代替直接在文档中嵌入脚本。指定了 src 属性的script元素标签内不应该再有嵌入的脚本。
常用输出语句
alert() 介绍:alert在英文是“警告”的意思,它主要是用来向当前的浏览器窗口中弹出一个警告提示框。该方法更多的是用于代码的调试。alert方法会阻止代码往下执行
alert('hello')
document.write() 介绍:该方法主要是用来向body标签中输出write()小括号里面的内容
console.log() 介绍:向浏览器开发人员专用的控制台调试工具中的“console” 选项卡中输出内容。console的英文意思是“控制台” log是“日志”的意思。
var message = "Howdy" + " " + "partner";
console.log(message);
console.log可以同时输出多个值 console.log(值1,值2,值3,值4…) console.log(变量名1,变量名2,变量名3,变量名4…)
变量
概念:变量来源于数学,是计算机语言中用来储存计算结果或能表示值的抽象概念。在使用JavaScript开发时,往往需要产生一些数据,并将其存放起来,方便读取使用。简单地说变量就是用来保存数据的容器,可以用来保存任何值。 语法:JavaScript 提供了一个var(变量,variable)关键字用来声明变量存储值。 var 变量名 = 值 注意:除数字、字符串和布尔值外,变量还可存储其他类型的值,这将在稍后介绍;但不管存储的是哪种类型的值,变量的创建方式都相同。
var 变量名 创建变量时,也可以不给它指定初始值,而在以后再给它赋值。要在创建变量时不指定初始值,只需省略赋值部分即可
var losers;
losers = 100
同时声明多个变量:
var age, username, sex;
var age = 10,username = "zhangsan",sex="男";
变量的命名规范
概念:不同于HTML标记,JavaScript区分大小写,这意味着大小写很重要。counter和Counter是两个不同的变量。并且变量的命名有一些规范:变量名必须以字母、下划线或美元符号开头。后使用任意数量的字母、数字、下划线或美元符号。 一、什么是变量的命名规则和规范? 声明变量的时候,需要遵循哪些规则和规范:
1、变量由字母(a-z A-Z) ,数字(0~9),下划线(_),符号$等组成的
【注意,变量不能以数字开头的】
【注意,变量名不要以 $ 作为开始标记,会与很多 JavaScript 库冲突。】
2、不能是JavaScript中的关键字和保留字
关键字,在js中已经被规定为特殊功能的字
保留字,不可以作为变量,不可以作为函数名,对象名等等,有的保留字为以后js扩展使用
【let和const 原来还是保留字,现在es6中,这两个已经被作为关键字存在了】
二、命名规范
1、驼峰命名法
第一个单词全部小写,从第二个单词开始,每个单词的首字母是大写的
比如: youNameIsLiLi youHeight setUserName
2、下划线连接法
每个单词之间使用下划线连接
比如:you_name_is_li_li you_height set_user_name
注意:声明的变量名要有意义,建议声明变量时,写的变量名要符合你要写的内容,见名知意
var $f = 1;
var _age = 19;
var userName = 'Tom';
不能使用任何内置保留关键字作为变量名,如var、function、false等,以免让JavaScript感到迷惑。因此,给变量命名时,务必远离这些禁区。下面列出了JavaScript保留关键字
|