jquery如何弹出一个新的页面?

发布网友发布时间：2022-04-23 16:53

共9个回答

热心网友时间：2022-05-13 13:39

使用window.open("新页面地址"); 这样就弹出一个新页面了

热心网友时间：2022-05-13 14:57

你要怎样触发弹窗事件？
<script type=”text/javascript”>
$(document).ready(function(){
$(“a”).attr(“target”, “_blank”);
});
</script>

热心网友时间：2022-05-13 16:32

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
.box{max-width: 0px;margin:0 auto;background-color: #f0f0f0;min-height:600px;position: relative;}
.mask{background-color:#f40;width:300px;height:200px;position: fixed;top:20%;left:50%;margin-left: -150px;z-index: 30;display: none;}
.shadow{background-color: rgba(0,0,0,0.5);width: 100%;height: 120%;position: fixed;top:0;left: 0;z-index: 15;display: none;}
</style>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#item1").click(function(){
$(".shadow").show().height($(window).height());
$(".mask").show();
});
$("#item2").click(function(){
$(".shadow,.mask").hide();
});

})
</script>
</head>
<body>
<div class="box">
<input type="button" value="item1" id="item1"/>
<div class="mask" >
<input type="button" value="item2" id="item2"/>

</div>
<p class="shadow"></p>
</div>

</body>
</html>
这是弹出层的方法

如果是要用jq控制链接跳转的话，可以用a标签，jq控制a标签的href，也是很简单的效果

热心网友时间：2022-05-13 18:23

不用JQUERY就行：
window.open(" http://www.baidu.com")

热心网友时间：2022-05-13 20:31

你举个你想要的例子

热心网友时间：2022-05-13 22:56

直接用JS不就好了。

热心网友时间：2022-05-14 01:37

location.href="新页面路径"

热心网友时间：2022-05-14 04:35

比如:
$("#btn").click(function(){
window.open("要弹出的页面.html");
});

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com