首页 > 代码库 > Head first javascript（一）
Head first javascript（一）
网页需要更好的交互体验，仅仅有html和css当然不够，因此javascript粉末登场
<script>表示当前页面有javascript，一般放在<head>中
<html> <head> <title>...</title> <script type = "text/javascript"> function ... </script> </head> ...</html>
onload : 页面加载完成之后会出发onload event
alert() : 插入一些提示信息
example:
<body onl oad = "alert(‘Hello, world‘);">
在页面加载完成之后提示‘Hello, world‘,可以发现调用函数的方式是触发时机onload加上函数alert
以下代码自己定义了一个函数touchRock(),onclick表示在鼠标点击图片的时候触发：
<head>...<script type="text/javascript"> function touchRock() { var username = prompt("what is your name?", "enter your name here.") if(username){ alert("it is good to meet your, " + username ) document.getElementById("rocking").src = "http://www.mamicode.com/home/jolin/Desktop/JS examples/chapter01/irock/rock_happy.png" } } </script></head><body onl oad="alert(‘hello, i am your pet rock.‘);"> <div style="margin-top: 100px; text-align: center"> <img id="rocking" alt="iRock" src="http://www.mamicode.com/home/jolin/Desktop/JS examples/chapter01/irock/rock.png" style="cursor: pointer" onclick="touchRock();" /> </div></body>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。