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; 内容溢出盒子后做隐藏处理