JavaScript基本知识1

编写js的流程:

1.布局:HTML+CSS(最好不要出现兼容问题)

2.属性:确定要修改哪些属性

3.事件:确定用户做哪些操作

4.编写JS:在事件中,用JS来修改页面元素的样式

<input type="checkbox" onmouseover="div1.style.display=‘block‘" onmouseout="div1.style.display=‘none‘">

现在在Chrome下可以直接拿到id进行元素属性操作,Firefox,ie等与此不兼容

在老版本的Chrome也不支持直接拿到id进行元素属性操作,采用document.getElementById("div1")

而且直接在事件内写代码会很乱,采用函数调用 --function toShow(){}--定义

onmouseover="toShow()"--调用

起函数名最好可读性高一点,方便多代码的时候查找错误和更改样式

特效实现原理:响应用户操作,对页面元素(标签)进行某种修改

            document.getElementById("div1").style.display="block";
            document.getElementById("div1").style.width="300px";
            document.getElementById("div1").style.height="200px";

采用变量进行重用 var oDiv = document.getElementById("div1");

     oDiv.style.display="block";

简化代码;

JavaScript基本知识1,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。