js自己初探究

1.js的引入与CSS一样，可以在行间写，可以在head标签里面写，最后也可以用外部样式引入，当然还是推荐外部样式引入，实现结构，表现，行为的3者分离。

2.初次使用onmouseover,onmouseout,onclick,alert,分别代表的是鼠标移入，鼠标移出，点击，弹出警示框。

3.使用js改变元素的样式：

function show() {
    var odiv=document.getElementById("div1");
    odiv.style.display="none";
}

<input type="checkbox" onmouseover="show()">登录
<div id="div1"></div>


4.使用JS改变HTML元素中的样式的时候，HTML语法怎么写JS也就怎么写，只有一个特例情况就是在改变
元素中的class名时候，必须使用的是className。

5.在练习中发现，在代码中所有的元素都可以加ID，包括html,head,link,比如在给网页换肤的时候，就需要取到link.href属性的写法。


6.JS中想改变某元素，必须先要取到该元素，使用var a=document.getElementById('div1');存放起来再使用，不能直接使用，否则会有兼用问题。


7.利用JS改变元素的样式，改变之后的样式是写在元素的行间样式的，并不是内部或者外部样式，而是行间样式。

8.使用函数传多个参数用法：

<script type="text/javascript">
    function setStyle(name,number) {
        var odiv=document.getElementById("div1");
        odiv.style[name]=number;
    }
</script>

<input type="button" value="变宽" onclick="setStyle('width','300px')">
<input type="button" value="变高" onclick="setStyle('height','500px')">
<input type="button" value="变绿" onclick="setStyle('background','blue')">
<div id="div1"></div>

注意此处第一个参数name，直接用odiv.style.name=number，计算机无法识别，必须使用

odiv.style[name]=number，在JS中只要是.都可以转换成[]的写法。