JavaScript中window.open（）

最新推荐文章于 2024-07-11 04:19:10 发布

码龄4年审核中

最新推荐文章于 2024-07-11 04:19:10 发布

阅读量953

点赞数 1

分类专栏：笔记心得文章标签： html javascript

本文链接：https://blog.csdn.net/m0_47505062/article/details/112367223

版权

心得同时被 2 个专栏收录

79 篇文章 8 订阅

订阅专栏

笔记

71 篇文章 8 订阅

订阅专栏

今天做实验,
在主页面JavaScript中写window.open（’从页面’）,
目的是在打开主页面的同时,
弹出从页面,
但是,实验没有成功,
翻看了一些网上的文档后,
再仔细查看自己的代码后发现了问题所在,
这里总结一下,跟大家分享.

正确的代码如下:

<head>
<script type="text/javascript">	
window.open('popup.html','','width=300,height=200,scrollbars=yes,status=no,left=1000,top=200');
</script>
</head>

就是在<head>中插入javascript,
不用使用函数那些东西就可以实现需求.
我的代码问题出在这里window.open(‘popup.html’,",
正确的代码应该是,一对单引号'',
而我却因为不懂window.open()的用法,
照着资料抄成了一个双引号",
所以,
浏览器browser是不明白我写的代码是啥意思的,
也就是解析不了我的代码,
导致我的实验失败了,
这里请大家一定要注意,
接下来讲一下,window.open()的用法,通用公式如下:

window.open(URL,name,specs,replace)

举例如下:

window.open (
'这里的第一对单引号中是URL,从页面的名字',
'第二对单引号中是name,在哪个窗口打开从页面',
'第三对单引号中是specs,就是对弹出窗口的尺寸等进行详细的设置height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

URL:指定从页面,一般是页面名,
比如,index.html
name:在哪个窗口打开从页面
	name取值,
		①默认是_blank,可以不写,就剩下一对单引号,我代码使用的就是不写,所以是一对单引号,千万别把一对单引号误写成一个双引号,效果是在一个新窗口中打开从页面.
		②_self,在当前页面打开,以我的代码为例,就是在主页面中打开从页面,
		③_parent,在主页面的爸爸窗口中打开,效果是我就不说了,目前为止,我还没用过爸爸窗口,
specs:弹出窗口的尺寸位置啥的,用来约束弹窗的样子,各个值之间使用逗号分隔,
	 height=100		弹出的从页面,窗口高100像素,
	 width=400		弹出的从页面,窗口宽400像素,
	 top=0, left=0	弹出的从页面,窗口在整个显示屏的左上角上,不是以主页面为参照物.
	 scrollbars=no	弹出的从页面,窗口没有滚动条,
	 resizable=no	弹出的从页面,窗口尺寸固定,不能更改,
	 status=no		弹出的从页面,窗口没有状态栏,

还有需要大家注意的是,
以上specs中各个取值都没有单引号或者双引号的包裹,
举例: