首页 > 电脑专区 > 电脑教程 >

HTML点击按钮或链接弹出消息框/问题框/编辑框

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

HTML可以利用JavaScript来弹出消息框、问题框、编辑框,这篇文章讲一讲方法。c6R办公区 - 实用经验教程分享!

工具/原料

  • Windows 9x/2k/xp/vista/7电脑

方法/步骤

  • 1

    开电脑,点击“开始”->“运行”。c6R办公区 - 实用经验教程分享!

    HTML点击按钮或链接弹出消息框/问题框/编辑框c6R办公区 - 实用经验教程分享!

  • 2

    屏幕左下角出现“运行”对话框,输入“notepad”(不带引号番亲),点“确定”。c6R办公区 - 实用经验教程分享!

    HTML点击按钮或链接弹出消息框/问题框/编辑框c6R办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    弹出“记事本”窗口,复制下面的代码到记事本编辑框中:c6R办公区 - 实用经验教程分享!

    !DOCTYPE html>c6R办公区 - 实用经验教程分享!

    html>c6R办公区 - 实用经验教程分享!

    head>c6R办公区 - 实用经验教程分享!

    meta http-equiv="Content-Type" content="text/html; charset="GB2312" />c6R办公区 - 实用经验教程分享!

    title>Untitled Document/title>c6R办公区 - 实用经验教程分享!

    /head>c6R办公区 - 实用经验教程分享!

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

    body>c6R办公区 - 实用经验教程分享!

    p align="center">======请选择对话框类型======c6R办公区 - 实用经验教程分享!

    br />c6R办公区 - 实用经验教程分享!

    br />c6R办公区 - 实用经验教程分享!

    按钮版:br />c6R办公区 - 实用经验教程分享!

    input type="button" onclick="xx()" value="消息框" />c6R办公区 - 实用经验教程分享!

    input type="button" onclick="wt()" value="问题框" />c6R办公区 - 实用经验教程分享!

    input type="button" onclick="bj()" value="编辑框" />c6R办公区 - 实用经验教程分享!

    br />c6R办公区 - 实用经验教程分享!

    br />c6R办公区 - 实用经验教程分享!

    链接版:br />c6R办公区 - 实用经验教程分享!

    a href="javascript:xx();">消息框/a>c6R办公区 - 实用经验教程分享!

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

    a href="javascript:wt();">问题框/a>c6R办公区 - 实用经验教程分享!

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

    a href="javascript:bj();">编辑框/a>c6R办公区 - 实用经验教程分享!

    script language="javascript">c6R办公区 - 实用经验教程分享!

    function bj()c6R办公区 - 实用经验教程分享!

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

    var name;c6R办公区 - 实用经验教程分享!

    name=prompt("请问您的名字或网名是什么?","请在此输入您的名字或网名");c6R办公区 - 实用经验教程分享!

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

    if(name==null) alert("无名氏,你好!");c6R办公区 - 实用经验教程分享!

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

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

    if(name=="请在此输入您的名字或网名") alert("无名氏,你好!");c6R办公区 - 实用经验教程分享!

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

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

    if(name=="") alert("无名氏祝板拒,你好!");c6R办公区 - 实用经验教程分享!

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

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

    alert(name ",你好!");c6R办公区 - 实用经验教程分享!

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

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

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

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

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

    script language="javascript">c6R办公区 - 实用经验教程分享!

    function wt()c6R办公区 - 实用经验教程分享!

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

    var con;c6R办公区 - 实用经验教程分享!

    con=confirm("请选择一个按钮(确定或取消):");c6R办公区 - 实用经验教程分享!

    if(con==true) alert("你选择了“确定”!");c6R办公区 - 实用经验教程分享!

    else alert("你选择了“取消”!");c6R办公区 - 实用经验教程分享!

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

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

    script language="javascript">c6R办公区 - 实用经验教程分享!

    function xx()c6R办公区 - 实用经验教程分享!

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

    alert("这是一个消息框!");c6R办公区 - 实用经验教程分享!

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

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

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

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

    /body>c6R办公区 - 实用经验教程分享!

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

    /html>c6R办公区 - 实用经验教程分享!

  • 4

    选择记事本工具栏上的“文件”->“保存”。c6R办公区 - 实用经验教程分享!

    HTML点击按钮或链接弹出消息框/问题框/编辑框c6R办公区 - 实用经验教程分享!

  • 5

    弹出“另存为”对话框,名称输入“JavaScriptDialog.htm”(不带引号),保存位置选择桌面,保存类型选择“所有文件”,其他设置不要动,点击“保存(S)”。c6R办公区 - 实用经验教程分享!

    HTML点击按钮或链接弹出消息框/问题框/编辑框c6R办公区 - 实用经验教程分享!

  • 6

    关闭“记事本”,双击打开桌面上的“JavaScriptDialog.htm”,效果如图。c6R办公区 - 实用经验教程分享!

    注意:IE打开时可能会弹出一个通知栏,说“为了保护您的安全,Internet Explorer已限制此网页运行可以访问计算机的脚慎婶本或ActiveX控件。请单击这里获取选项”,这个时候需要点击它,选择“允许阻止的内容”,否则无法弹出对话框。c6R办公区 - 实用经验教程分享!

    HTML点击按钮或链接弹出消息框/问题框/编辑框c6R办公区 - 实用经验教程分享!

  • 注意事项

    • 注意:IE打开时可能会弹出一个通知栏,说“为了保护您的安全,Internet Explorer已限制此网页运行可以访问计算机的脚本或ActiveX控件。请单击这里获取选项”,这个时候需要点击它,选择“允许阻止的内容”,否则无法弹出对话框。

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


    标签: HTML操作系统JAVASCRIPT编辑

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