JavaScript代码-创建交互网页

最新推荐文章于 2023-09-22 00:53:34 发布

VIP文章小鹿_小幸运

最新推荐文章于 2023-09-22 00:53:34 发布

阅读量863

点赞数

分类专栏： web开发

本文链接：https://blog.csdn.net/cqupt_zl/article/details/51384169

版权

1、简单的HTML网页

代码如下：保存为iRock.html

<html>
 <head>
  <title>iRock - The virtual Pet Rock</title>
 </head>
 
 <body>
  <div style="margin-top:100px;text-align:center">
   <img id="rockimg" src="C:\Users\Administrator\Desktop\picture\psb.jpg" alt="iRock"/>
  </div>
 </body>
 </html>

【其中src为图片的绝对路径】

2、加入alert框，使网页完全载入后弹出欢迎框

body中插入代码：

 <body οnlοad="alert('Hello,I am your best friend.');">

【alert是一种弹出式的窗口或对话框，可对用户呈现信息，alert框中列出的文字是在括号中，并且文字前后都要加引号。主要负责在弹出的对话框中呈现文字信息】

【onload是事件处理器（enevthandler）或称为事件处理程序，呈现alert框就是onload事件的响应】

***重要知识点**

事件以JavaScript代码响应网页里发生的动静

onload事件是在网页载入完毕后触发

设定<body>标签的onl

最低0.47元/天解锁文章

优惠劵

小鹿_小幸运

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript代码-创建交互网页

1、简单的HTML网页代码如下：保存为iRock.html iRock - The virtual Pet Rock 【其中src为图片的绝对路径】2、加入alert框，使网页完全载入后弹出欢迎框body中插入代码：【alert是一种弹出式的窗口或对话框，可对用户呈现信息，alert框中列出的文字是在括号中，并且文字前后
复制链接

扫一扫