JavaScript基础

来源：互联网发布：w10动态壁纸软件编辑：程序博客网时间：2024/05/20 03:41

JavaScript简介

JavaScript特点：1.能运行在浏览器端，跨平台的web脚本语言。

2.向html页面添加交互行为。

3.可以和服务器进行通信。

JavaScript的组成部分：

1.ECMAScript(5.1):核心 JavaScript组成的语法和基本对象。

2.DOM:文档对象模型：描述处理页面内容的方法和接口。

3.BOM：浏览器对象模型：描述与浏览器进行交互的方法和接口。

JavaScript的引入方式：

行间;：<input type ="button " onclick="alert(1);"value="Click"/>

内嵌：<script>我是JavaScript代码</script>

外链：<script src="index.js" type="text/javaScript"></script>

JavaScript的位置

位置：可以放在页面的任意位置，通常放在</body>的前面：原因是取决于html的加载顺序是从上到下加载的，js的大部分作用是获取dom，操作dom，放在下面是一等dom加载完成时，我们在执行js，这样就可以获取到dom了。

若不想放在底部：window.onload=function(){}它虽然放在<body>的上面，但它要等页面上的html标签，图片，文字等加载完成时才执行这个函数中的代码。

缺点：一个页面中只能用一次，最后一次覆盖前面的。

JavaScript的输出方式：

1.document。write(); 如果在文档已完成加载后执行document.write，整个HTML页面将被覆盖。

2.innerHTML 识别html。

3.innerText 只识别文本。

4：alert()

5: console.log()

完成时代码分析：

注释：//单行注释 /*这是多行注释*/

通过id获取页面中的元素：document.getElementById("id名称")

给元素添加事件处理

元素.onlick=function(){这里写要执行的代码 };

改变元素的样式，行间中操作

元素.style.样式名=值

简单的事件：

onclick鼠标点击事件

onmouseover鼠标悬浮

onmouseout鼠标移出

onmousemove鼠标移动

用法：元素.onclick=function(){这里放内容}

js中的标识符：

什么是标识符：标识符是指变量，函数，属性的名字，函数的参数。

命名规则：

1.由字母，数字，_(下划线)，$(美元符号)组成。

2.不能以数字开头

3.不能是关键字或保留字

什么是关键字：js内部有很多给我们定义好的，有特殊意义的不能让我们随便使用的。

什么是保留字：未来几年可能成为关键字的

命名风格：语义化，驼峰命名

JavaScript变量

什么是变量：变量是用来存储数据的，在用之前声明。

声明变量的方式：

使用关键字var 声明变量：var变量名

赋值：变量=数据

声明并赋值：

var变量名=数据

//只声明没有赋值时值是undefined

JavaScript的属性操作：

操作属性方法：

点(.),中括号([])

操作特殊属性的方式

通过[]的方式获取

通过驼峰的方式(去掉-，-后的首字母大写)

元素上的属性：

style,id,value，className，innerHTML，href，src等

注意：href值和src值获取到的是绝对路径。

阅读全文

0 0