码迷,mamicode.com
首页 > Web开发 > 详细

js自己初探究

时间:2016-04-17 06:25:42      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

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中只要是.都可以转换成[]的写法。














js自己初探究

标签:

原文地址:http://www.cnblogs.com/tangstudy/p/5400024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!