alert的在网页中的警示作用

时间:2026-02-27 05:54:17

1、【第一步】打开Dreamweaver cc  2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。

alert的在网页中的警示作用

alert的在网页中的警示作用

alert的在网页中的警示作用

2、【第二步】在body内键入input标签,例如:<input id="btn" value="点我吧">。

alert的在网页中的警示作用

3、【第三步】稍微给input标签一点样式修饰,在body标签前或则head标签内输入:

<style>

#btn{ background-color:#ADA2A2; 

      font-size:18px; 

     text-align:center; }

</style>

alert的在网页中的警示作用

4、【第四步】在界面靠前位置输入:

<script>

window.onload=function(){

var btn=document.getElementById("btn")

btn.onclick=function(){

alert("谢谢!!")

}

}

</script>

保存,回到Dreamweaver 的界面,摁F12键,弹出页面,鼠标点击“点我吧”,则会弹出"谢谢!!"的警示对话框,这就是满足点击后,达到的警示效果。

alert的在网页中的警示作用

alert的在网页中的警示作用

5、【第五步】点击确认,回到Dreamweaver 的界面,保存退出。

© 2026 问答搜经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com