JavaScript——宠物狗

来源：互联网发布：手机淘宝 5.9.0旧版本编辑：程序博客网时间：2024/04/27 09:12

今天是开始学习JavaScript的第一天，准备做宠物狗的交互式页面。

一：为页面添加换用信息

// 1：第一次载入网页的时候，第一项问题关系到响应一个事件，第二项问题是 JavaScript的消息提示框有关。

2：onload事件，在浏览器完后网页的载入时触发。onload使用的源代码，在<body>标签里面。onload指出网页已完成载入。

<body onload="alert('hello,I am your pet');">

3：alert（）函数告知浏览器呈现一个alert框。

alert( 'text to display' );

<!DOCTYPE html><html><head><meta charset="utf-8"/><title></title><script type="text/javascript">//type适用于分辨使用脚本的语言function touchdog(){var userName = prompt("What is your name?","enter your name here");if(userName){alert("it is good to meet you" + userName + ".");//取了名字之后，会显示欢迎信息 。document.getElementById("dog").src="img/d_tiaopi.png";//把图片改成调皮的图片}}//pointer是当鼠标移到图片上时变为手掌。 狗狗的onclick属性使得touchdog（）函数于点击是受到调用。</script></head><body onload="alert('hello,i am your pet')";><div style="margin-top: 100px;text-align: center;"><img id="dog" src="img/d_guaiqiao.png" alt="index" style="cursor: pointer" onclick="touchdog()"> </div></body></html>

总结与分析：主要是函数的调用和函数的设置

阅读全文

0 0