猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
prompt消息对话框怎么实现网页跳转?
请问在prompt消息对话框弹出后如果在文本框里输入一个网址,按“确认”按钮后跳到相应网址去,这怎么实现呢?
慕粉3463126
浏览 1887
回答 4
4回答
Suber丶林
思路:获取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
0
0
乱舞的旋律
确认以后 会返回值啊 再用if判断下 就好了
1
0
0
woshi123w
txt=prompt("请输入一个网址")//获取输入的文本类容if(txt){location.href=txt} //判定txt存在,则进行跳转
0
0
0
qyy2499760117_叶子
<!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>
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
JavaScript
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续