JavaScript——宠物狗

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

一：为页面添加换用信息

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

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

<body οnlοad="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 οnlοad="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" οnclick="touchdog()"> </div></body>
</html>

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

JavaScript——宠物狗相关推荐

HTML5期末大作业：动物网站设计——宠物狗(10页) HTML+CSS+JavaScript 大学生静态网页设计 dw宠物网页设计狗狗网页设计html web课程设计网页规划与设计...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
web前端期末大作业 html+css+javascript网页设计实例宠物狗网站制作
HTML5期末大作业：宠物主题网站设计——酷酷动物主题响应式网页(5页) HTML+CSS+JavaScript...
1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能 ...
基于php的宠物狗销售网站
宠物狗销售网站用户前台所涉及服务展示.公司介绍.在线留言.用户注册.在线捐赠.已捐.宠物寄养.收养宠物等功能,用户后台所涉及的个人资料管理.我的捐赠.我的收养.我的寄养等功能.管理员后台所涉及的系统管 ...
计算机毕业设计php的宠物狗销售网站
项目介绍宠物狗销售网站用户前台所涉及服务展示.公司介绍.在线留言.用户注册.在线捐赠.已捐.宠物寄养.收养宠物等功能,用户后台所涉及的个人资料管理.我的捐赠.我的收养.我的寄养等功能.管理员后台所涉 ...
编写优雅的JavaScript——前言
前言说实话,我在大学主修Oscar先生的英语English reading and writing(英语阅读与写作)时,感觉非常糟糕:拿写记叙文为例,第一段必须交代清楚when(时间).where( ...
宠物狗站点html,宠物狗个性化服务网站前端设计与实现(静态网页)(HTML5,DIV+CSS)
宠物狗个性化服务网站前端设计与实现(静态网页)(HTML5,DIV+CSS)(论文11000字,网页代码) 摘要本设计将对宠物狗个性化服务网站前端设计开发与实现进行研究和探讨.借助网页设计与制作语 ...
【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
【JavaScript总结】JavaScript语法基础：JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...

JavaScript——宠物狗

JavaScript——宠物狗相关推荐

最新文章

热门文章