js打开一个新窗口

最新推荐文章于 2024-04-26 09:57:54 发布

hangGe0111

最新推荐文章于 2024-04-26 09:57:54 发布

阅读量1k

点赞数

分类专栏： js 文章标签： js打开新窗口

本文链接：https://blog.csdn.net/hangGe0111/article/details/115709519

版权

js 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

1.code

<html>

	<head>
		<title></title>
		<style type="text/css">
			a,
			div {
				display: inline-block;
				margin: 10px;
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<a id="a1">window.location.href=URL</a><br />
		<div id="a2">window.open(URL)</div><br />
		<a id="a3">location.replace(URL)</a><br />
		<a id="a4">localtion.assign(URL)</a><br />
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#a1').on('click', function() {
				window.location.href = 'https://www.baidu.com/'
			})
			$('#a2').on('click', function() {
				window.open('https://www.baidu.com/', '', 'width=790,height=590');
			})
			$('#a3').on('click', function() {
				location.replace('https://www.baidu.com/')
			})

			$('#a4').on('click', function() {
				location.assign('https://www.baidu.com/')
			})
		</script>
	</body>

</html>

2.参数说明：

window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
参数解释：
window.open 弹出新窗口的命令； 
'page.html' 弹出窗口的文件名； 
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 
height=100 窗口高度； 
width=400 窗口宽度； 
top=0 窗口距离屏幕上方的象素值； 
left=0 窗口距离屏幕左侧的象素值； 
toolbar=no 是否显示工具栏，yes为显示； 
menubar，scrollbars 表示菜单栏和滚动栏。 
resizable=no 是否允许改变窗口大小，yes为允许； 
location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

hangGe0111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js打开一个新窗口

1.code<html> <head> <title></title> <style type="text/css"> a, div { display: inline-block; margin: 10px; cursor: pointer; } </style> </head> <body> <a id="a1">windo
复制链接

扫一扫