首页 > 电脑专区 > windows >

alert的在网页中的警示作用

来源:互联网 2023-02-20 23:01:58 版权归原作者所有,如有侵权,请联系我们

alert在网页代码,应用的概率相当频繁,满足某些条件后弹出对话框,警示别人的下一步动作,起到一个很好的交互效果。lGr办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver cc 2014
  • html

方法/步骤

  • 1

    【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,不需再浪费时间去写。lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

  • 2

    【第二步】在body内键入input标签,例如:input id="btn" value="点我吧">。lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

  • 3

    【第三步】稍微给input标签一点样式修饰,在body标签前或则head标签内输入:lGr办公区 - 实用经验教程分享!

    style>lGr办公区 - 实用经验教程分享!

    #btn{ background-color:#ADA2A2;lGr办公区 - 实用经验教程分享!

    font-size:18px;lGr办公区 - 实用经验教程分享!

    text-align:center; }lGr办公区 - 实用经验教程分享!

    /style>lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

  • 4

    【第四步】在界面靠前位置输入:lGr办公区 - 实用经验教程分享!

    lGr办公区 - 实用经验教程分享!

    script>lGr办公区 - 实用经验教程分享!

    window.onload=function(){lGr办公区 - 实用经验教程分享!

    var btn=document.getElementById("btn")lGr办公区 - 实用经验教程分享!

    btn.onclick=function(){lGr办公区 - 实用经验教程分享!

    alert("谢谢!!")lGr办公区 - 实用经验教程分享!

    }lGr办公区 - 实用经验教程分享!

    }lGr办公区 - 实用经验教程分享!

    /script>lGr办公区 - 实用经验教程分享!

    保存,回到Dreamweaver 的界面,摁F12键,弹出页面,鼠标点击“点我吧”,则会弹出"谢谢!!"的警示对话框,这就是满足点击后,达到的警示效果。lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

    alert的在网页中的警示作用lGr办公区 - 实用经验教程分享!

  • 5

    【第五步】点击确认,回到Dreamweaver 的界面,保存退出。lGr办公区 - 实用经验教程分享!

  • 5该信息未经许可获取自百度经验
  • 注意事项

    • alert的运用远远不止如此,还其他很多用途。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lGr办公区 - 实用经验教程分享!


    标签: 操作系统PS作用

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号