为了账号安全,请及时绑定邮箱和手机立即绑定

prompt消息对话框怎么实现网页跳转?

prompt消息对话框怎么实现网页跳转?

慕粉3463126 2016-06-12 19:59:31
请问在prompt消息对话框弹出后如果在文本框里输入一个网址,按“确认”按钮后跳到相应网址去,这怎么实现呢?
查看完整描述

4 回答

?
Suber丶林

TA贡献75条经验 获得超180个赞

思路:获取prompt输入的值进行判断是否为网址(使用正则),是的话跳转页面,否的话什么都不执行。如下:

// 获取输入内容
var txt = prompt('请输入一个网址!');
// 验证URL正则表达式:/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
if (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(txt)) {
    // 从当前页面跳转
    location.href = txt;
}
查看完整回答
1 反对 回复 2016-06-13
?
乱舞的旋律

TA贡献105条经验 获得超38个赞

确认以后 会返回值啊   再用if判断下   就好了

查看完整回答
1 反对 回复 2016-06-12
?
woshi123w

TA贡献15条经验 获得超10个赞

txt=prompt("请输入一个网址")//获取输入的文本类容

if(txt){location.href=txt}     //判定txt存在,则进行跳转

查看完整回答
反对 回复 2016-06-13
?
qyy2499760117_叶子

TA贡献188条经验 获得超91个赞

<!DOCTYPE html>
<html>
<head>
   <title>白</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <script type="text/javascript">    function setContent() {
       var content = prompt("请输入", "");
       if (content != null && content != "") {
           document.getElementById("text").value = content;
       }
       ;
   }
   function clearContent() {
       document.getElementById("text").value = "";
   }
   function jumpUrl() {
       var jumpUrl = document.getElementById("text").value;
       location.href = jumpUrl;
   }    </script>
</head>
<body><input type="button" value="请输入" id="setContent" onclick="setContent()"/> <input type="button" value="清除"
                                                                                      id="clearContent"
                                                                                      onclick="clearContent()"/> <input
       type="text" name="text" id="text"/> <input type="button" value="go" onclick="jumpUrl()"/></body>
</html>

查看完整回答
反对 回复 2016-06-13
  • 4 回答
  • 0 关注
  • 1886 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信