alert的在网页中的警示作用

2025-12-09 03:05:44

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 的界面,保存退出。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢