javascript学习心得

最新推荐文章于 2023-12-12 19:14:00 发布

chengchen404

最新推荐文章于 2023-12-12 19:14:00 发布

阅读量918

点赞数

本文链接：https://blog.csdn.net/Fupengyao/article/details/49489505

版权

1、document.write("<p>This is a paragraph</p>");

javascript写入html。在文档加载完后使用document.write（）；内容会覆盖整个文档！

2、<button type="button" οnclick="alert('Welcome!')">点击这里</button>

alert代码测试常用。

3、JavaScript：改变 HTML 内容

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

4、改变图片

<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>

5、改变样式

实例

x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式

6、向id为demo的html标签插入语句

document.getElementById("demo").innerHTML="Hello World";

7、换行 \

document.write("Hello \
World!");

8、变量类型可变

单引号，双引号

undefined != null

数组

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

9、对象的创建和元素的引用
<script>
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />");
</script>

使用函数来创建对象

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

往对象中添加新元素

<body>

<p>Hello World!</p>

<div id="main">
<p>The DOM is very useful.</p>
<p>本例演示 <b>getElementsByTagName</b> 方法。</p>
</div>

</body>

11、一个onclick调用两个函数

***.οnclick=function(){fun1();fun2();}
或者
***.attachEvent('onclick',fun1);
***.attachEvent('onclick',fun2);
FF下：
***.addEventListener('click',fun1,false);

12、DOM事件

***.addEventListener('click',fun2,false);