码迷,mamicode.com
首页 > 编程语言 > 详细

javascript入门

时间:2015-06-13 21:40:02      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

---恢复内容开始---

  • document.write("str")  str 为要显示的html 元素
  • html中每个元素可以设置ID属性
  • 通过script设置函数,函数读取改html中id,并将改id的对应元素的innerHTML修改,达到动态界面目的,再利用按钮的onclick方属性来启动该函数。

<html>
<body>
<p id="demo"> this is a </p>
<script>
function my(){
x=document.getElementById("demo");//查找元素
x.innerHTML="hello";//修改内容
}
</script>
<button type="button" onclick="my()">点击这里</button>

</body>
</html>

  • 点击图片改变图片

<!DOCTYPE html>
<html>
<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>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

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

</body>
</html>

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

外部脚本不能包含 <script> 标签。

基础知识介绍到这里,按需查询

javascript入门

标签:

原文地址:http://www.cnblogs.com/hitxx/p/4574116.html

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