专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

html开发软件怎么实现通知栏_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 7:21:45       共计:3613 浏览

html开发软件怎么实现通知栏?

1,打开文本编辑器或记事本程序,输入<html><body>以及<head>标签。

<html>

<head></head>

<body></body>

</html>

2,在<head>头标签后输入<script>标签

<script type="text/javascript">

</script>

3,在<script>标签中定义一个函数duihua()来使网页弹出对话框。

function duihua()

{

alert("这个窗口是对话框!")

}

4,然后,再定义一个函数命名为queren(),用来弹出确认框。

function queren()

{

var se=confirm("请选择点击一个按钮!");

if (se==true)

{

alert("你按下的是【确认】");

}

else

{

alert("你按下的是【取消】");

}

}

5,继续定义另一个函数tishi(),用来在网页中弹出提示框。

function tishi()

{

var t=prompt("请输入您的名字","KING视界")

if (t!=null && t!="")

{

document.write("精彩MV就在," + t + "!属于你的世界")

}

}

6,函数定义好以后,点击<body>标签后,建立3个按钮分别用来调用这3个函数执行。

<input type="button" onclick="duihua()" value="点击显示对话框" />

<input type="button" onclick="queren()" value="点击显示确认框" />

<input type="button" onclick="tishi()" value="点击显示提示框" />

7,为了让按钮在一列显示,分别在<input>标签后加上<br><br>换行符。最后保存代码内容为html格式,打开网页预览效果。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:有没有什么软件能实现_CSS学习 | ·下一条:头条加V一直加不上去的原因是什么_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有