javascript

javascript
定义：简称js，它是基于对象的，事件驱动的，具有安全性能的脚本语言。
引擎：会自动解释执行脚本语言，执行的顺序是自上而下，按照顺序执行，边解释边执行。
document 文档对象

一、网页引入js的三种方式

1.1 内部

<script>
      document.write("我要好好学习javascript!");
</script>

1.2 外部

<script src="js/index.js"></script>

1.3 行内

<input  type="button"  οnclick="javascript:alert('ok')" value="点击我"   />  

二、声明变量

var num=10;
var name=“张三”;
js是一种弱类型的语言
typeof(num)

三、数据类型

js的基本数据类型有五种：
3.1 number 数值类型
3.2 string 字符类型
3.3 boolean 布尔类型
3.4 object或者null类型
3.5 undefined类型，代表着变量未赋值，未定义

引用数据类型
对象，数组…

四、运算符

4.1 算术运算符

• • *     /     %    ++     --
    

4.2 比较运算符

= < <= （比较的是值是否一样） !
=(全等于，比较的是变量的数据类型和值，如果两个都一致则为true)
!=

4.3 逻辑运算符
&& 与
|| 或
！ 非

五、选择结构

5.1 if…else…
5.2 switch
六、循环结构
6.1 while
6.2 do …while
6.3 for

六、document对象

document.getElementById(“title”); 得到id为title的节点对象
//获取节点的文本内容
var node=document.getElementById(“title”);
var title=node.innerText;
alert(title)
//设置节点的文本内容
document.getElementById(“title”).innerText=“我爱玩游戏”;

innerHTMLinnerText与 的区别：
innerHTML可以获取节点下的标签及文本内容
innerText只可以获取节点下的文本内容

七、自定义函数

function sum(num1,num2){
      document.write(num1+num2)
}

八、js中的事件

onclick 单击事件
onmouseover 鼠标移入
onmouseout 鼠标移出

display: none;元素的显示状态为不显示
var node=document.getElementById(“info”);
节点对象.style.样式名称=“属性值”;
node.style.display=“block”;

九、计算器

内置函数eval()
可以计算一个表达式，转成算术运算，并计算结果

字符串对象的方法：slice(0,-1)把字符串的最后一位截取，拿到截取后的字符串

按alt+小键盘41420
平方根的内置函数：Math.sqrt(title);

overflow: hidden; 内容溢出盒子后做隐藏处理