JavaScript相关基础知识

目录

一、脚本语言

二、应用效果

三、如何应用

1、行内嵌入式

2、页面嵌入式

 3、外链式

四、变量

1、命名规则

2、定义方式

五、document对象

1、通过标签的id属性获取标签

2、通过标签的name属性获取标签

3、通过标签的class属性获取标签

4、通过标签名来获取标签

---

一、脚本语言

不用专门的编译系统，代码可以在浏览器上直接运行

二、应用效果

1、验证输入内容

2、网页特效

3、窗口的应用

4、文字特效

三、如何应用

1、行内嵌入式

<a href="javascript:alert('要输入的内容')">要输入的内容</a>

其中alert()：是一个函数，作用是弹出一个消息提示框

<button οnclick="alert('要输入的内容')">要输入的内容</button>

onclick：表示当用户点击按钮时

2、页面嵌入式

在html页面中嵌入<script>标签

<script type="text/javascript">
        js代码
</script>

 3、外链式

第一步：先创建一个js文件(扩展名为.js的文件)

第二步：使用<script src="外部的js文件">标签将外部的js文件链接到页面中

四、变量

在程序运行前后值会发生改变的量，用于存放数据的内存单元

1、命名规则

（1）、包含字母、数字、下划线，必须以字母或下划线开头，不能以数字开头

（2）、不能有空格、加、减等特殊符号

（3）、不能使用关键字(保留字)作为变量名

（4）、变量名严格区分大小写

2、定义方式

（1）、var  变量名；

例：var temp;

       var a,b,c;

       var i=2,j=10,k;

       for(var i=0;i<10;i++){}  也可以在循环里进行定义

如何在浏览器中测试js代码

打开浏览器的开发者工具，Elements：看到页面元素的样式等信息，Console：终端的输出信息

五、document对象

文档对象，代表了整个页面。通过该对象可以获取页面中的标签

1、通过标签的id属性获取标签

document.getElementById(id)

2、通过标签的name属性获取标签

 document.getElementsByName(name)

3、通过标签的class属性获取标签

document.getElementsByClassName(class)

4、通过标签名来获取标签

document.getElementsByTagName(标签名)