今天做实验,
在主页面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中各个取值都没有单引号或者双引号的包裹,
举例:
如果把height=
100
写成height="100"
就错了
写错了,specs的部分就相当于白写了,没法约束弹窗的样子了,
最后,
记住URL,name,specs,replace,都是单引号包裹的,
完事.
2021January-the08th friday