1、House Finderfunction validateNumber(value) / Validate the number/ if (!isNumber(value)alert(“Please enter a number.“);,JavaScript代码在HTML文档里面,Script标记通常放在Head部分,Script标记指明，里面的内容是脚本语句。,编程语言的类型是JavaScript。,这之间的所有内容都是JavaScript语句。 浏览器知道把它当作脚本语言来对待，而不是HTML。,浏览器能够处理HTML、CSS和JavaScript,1、你打开浏览器，输入URL,2、Web
2、浏览器找到你请求的页面,3、Web服务器发回给你的浏览器的文档：里面是HTML标记、CSS规则，和JavaScript代码,4、浏览器根据CSS规则来显示HTML文档。,4.5、浏览器根据里面的JavaScript，知道如何与用户互动。,有问必答,浏览器如何运行JavaScript？ 如何告诉页面运行JavaScript？ JavaScript案例吗？ 不用JavaScript也可以进行用户互动吗？,虚拟宠物,用户点击他们的宠物，但什么反应都没有,它不理我,我的浏览器是不是坏了,我是不是应该说点什么,我就想要个回应,你有没有感觉到我的鼠标在点,技术支持部的电话,任务,创建IRock HTML网
3、页。 添加JavaScript语句alert，使得页面加载的时候，Rock向用户问好。 写JavaScript代码-问用户的名字，打印问候语，并让Rock微笑。 添加一个事件分发者，以便当用户点击rock宠物时，你在第3步写的代码能运行。,创建iRock页面,iRock The Virtual Pet Rock,JavaScript事件-让iRock可以发言,事件 Alert对话框,onload!,页面加载完成就会引发onload事件,响应onload事件的代码是这样子设定的。,alert()函数告诉浏览器显示一个alert对话框，向用户打招呼。,Alert( ) 的用法,测试,有问必答,事件
4、从哪里来？ 没有被代码响应的那些事件怎么办？ 为什么上面的代码没有在标签里？ 还有其他象alert()一样的内部函数吗？ “、 的使用。,要点：,JavaScript通过事件实现对页面的响应。 当页面加载完成，产生onload事件。 通过设定body元素的 onload属性，就可以响应onload事件。 函数的功能是将一些代码集中起来，便于重用。 有些函数要求传入参数。 alert( )是一个内建函数，在一个小窗口中显示信息。,进一步完善,写JavaScript代码，询问用户姓名，显示个性化的问候语，并且让rock微笑。 添加事件处理器，当用户点击rock时，执行上一步的代码。,代码实现,fu
5、nction touchRock() var userName = prompt(“What is your name?“, “Enter your name here.“); if (userName) alert(“It is good to meet you, “ + userName + “.“); document.getElementById(“rockImg“).src = “rock_happy.png“; ,你能够指出， 我们这段代码 应该放在哪里吗？,iRock The Virtual Pet Rockfunction touchRock() var userName = prompt(“What is your name?“, “Enter your name here.“); if (userName) alert(“It is good to meet you, “ + userName + “.“);document.getElementById(“rockImg“).src = “rock_happy.png“; ,Img图像的“单击”事件”属性，touchRock函数会响应这个事件。,鼠标停在上面时，改变形状。,测试,
