网站制作技术普及之如何使用JavaScript打开新窗口

2022-05-19 分类：网站制作

在网站建设开发技术中，JavaScript应用非常广泛，配合html5和css3可以实现很多交互及动画效果。但是JavaScript的应哟红绝不仅限于动画。例如本文讨论的主题，就是如何使用JavaScript打开新窗口。也许你此前一直在用传统的链接技术打开新窗口，看完本文后或许会开启另外一个思路。JavaScript是在新窗口中打开链接的有用方法，因为您可以通过包含规范来控制窗口的外观以及它在屏幕上的位置。好了，接下来让我们一起学习下，网站制作技术普及之如何使用JavaScript打开新窗口。需要特别注意的是，搜索引擎对JavaScript链接和打开新窗口的方式目前还不怎么接受，如果期待网站从搜索引擎上获取一些流量，那么这种方法慎用。

JavaScript Window Open()方法的语法

要在新的浏览器窗口中打开URL，请使用Javascriptopen()方法，如下所示：

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

并自定义每个参数。

例如，下面的代码打开一个新窗口，并使用参数指定其外观。

URL参数

输入要在新窗口中打开的页面的URL。如果未指定URL，将打开一个新的空白窗口。

window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");

名称参数

name参数设置URL的目标。在新窗口中打开URL是默认设置，并以下方式指示：

_blank：为URL打开一个新窗口。
_self：将当前页面替换为URL。
_parent：将URL加载到父帧中。
_top：替换已加载的任何框架集。

规格

“specs”参数是您通过输入不带空格的逗号分隔列表来自定义新窗口的位置。从以下值中进行选择。

height=像素：此规范以像素为单位设置新窗口的高度。可以输入的最小值为100。
width=像素：这将以像素为单位设置新窗口的宽度。最小值为100。
left=像素：此等级库设置新窗口的左侧位置。不能输入负值。
top=像素：这将设置新窗口的顶部位置。不能使用负值。
menubar=yes|no|1|0：使用此等级库指示是否显示菜单栏。
status=yes|no|1|0：这表示是否添加状态栏。

某些规格是特定于浏览器的：

location=yes|no|1|0：此规范指示是否显示地址字段。仅适用于OperaBrowser。
resizeable=yes|no|1|0：确定是否可以调整窗口大小。仅用于IE。
location=yes|no|1|0：指示是否显示滚动条。仅兼容IE、Firefox和Opera。
toolbar=yes|no|1|0：确定是否显示浏览器工具栏。仅兼容IE和Firefox。

替换

此可选参数只有一个用途-指定在新窗口中打开的URL是替换浏览器历史记录列表中的当前条目，还是显示为新条目。

如果为true，URL将替换历史记录列表中的当前浏览器条目。
如果为false，则URL将作为浏览器历史记录列表中的新条目列出。

分享题目：网站制作技术普及之如何使用JavaScript打开新窗口
标题URL：/news/154851.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站制作等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容

合肥网站制作哪些方面容易拖质量后腿？_创新互联 2022-05-18
高端网站制作和普通网站制作相比，需要注意的三大问题 2022-05-18
企业网站制作好之后保持网站内容更新，有哪些好处？ 2022-05-18
从专业网站制作角度讲border:none;与border:0;的区别 2022-05-17
合肥企业网站制作中网站后台构架有哪些注意事项？ 2022-05-17
网站建设网站制作都需要哪些基本步骤？ 2022-05-17
网站建设网站制作时可以吸引更多访客的小技巧 2022-05-16
网站制作的美观度与质量有关系吗？看完就知道了 2022-05-16
企业网站制作费用差异在哪里？为什么合肥建站公司报价差距比较大？ 2022-05-16
如何选择合肥营销型网站制作公司 2022-05-16