首页 > 电脑专区 > windows >

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

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

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

工具/原料

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

方法/步骤

  • 1

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

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

  • 2

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

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

  • 2
  • 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 4

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

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

  • 5

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

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

  • 6

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

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

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

  • 注意事项

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

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


    标签: HTML操作系统JAVASCRIPT编辑

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