1、直接函数调用法:
在Body标签之前插入如下代码
<script LANGUAGE=”JavaScript”>
<!–
function openwin(url) {
window.open (url, “newwindow”, “height=300, width=400, top=200,left=200 toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
}
//–>
</script>
参数解释:window.open是打开新窗口的命令,其中的参数url是为了传入需要打开的页面;
newwindow可有可无;
height是打开窗口的高度;
width是打开窗口的宽度;
top是窗口距离显示器顶端的像素数;
left是窗口距离显示器左边的像素数;
toolbar设置是否显示工具栏;
menubar设置是否显示菜单栏;
scrollbars设置是否显示滚动条;
resizable设置是否可以调整大小;
location设置是否显示地址栏;
status设置是否显示状态栏;
参数基本上就是这些,下面介绍如何调用。
如果是想在网页加载时就弹出这种窗口,就在body标签上加入这句代码:
<body onload=”openwin(’page.html)”>
其中page.html是你要弹出的那个页面的相对或者绝对地址;
如果是要在点击超链接时弹出这种窗口,则使用如下代码:
<a href=javascript:openwin(’page.html’);>测试</a>
也可以把函数写入js文件,然后引用,具体方法是:
打开记事本,输入如下代码:
function openwin(url) {
window.open (url, “newwindow”, “height=372, width=450, top=200,left=200 , toolbar =no, menubar=no, scrollbars=no, resizeable=no, location=no, status=no”)
}
将其保存为show.js,名字可以随便起,在网页中这样引用:
<script src=”show.js” type=”text/javascript”></script>
其中src设置的是相对的路径,也可以使用绝对路径。调用的方法和前面是一样的,这中方法适合与很多页面都需要调用这个函数的时候。
分享到:
相关推荐
在这个主题中,我们将探讨如何使用JavaScript来创建一个类似于浏览器地址栏的功能,让用户可以输入网址并实现页面跳转。首先,我们需要理解HTML的基本结构,以及JavaScript与HTML之间的交互。 HTML(HyperText ...
在IT领域,特别是前端开发与浏览器交互中,利用JavaScript(简称JS)在浏览器地址栏执行特定代码是一种既有趣又实用的技术。以下是从标题“有趣的浏览器地址栏JS代码”及其描述和部分示例代码中提取的关键知识点,...
3. **获取浏览器地址栏URL**:NPAPI插件可以通过`NPN_GetValue`函数获取当前浏览器窗口的URL。这个函数是NPAPI的一部分,可以用来获取浏览器提供的各种信息,包括URL。 4. **安全考虑**:由于NPAPI插件拥有很高的...
根据给定的文件信息,我们可以深入探讨如何使用JavaScript来屏蔽Internet Explorer(IE)浏览器的工具栏、菜单栏和地址栏,实现一个自定义界面的弹窗功能。这在某些应用场景下,比如创建一个干净无干扰的用户界面或...
- **用途**:更改浏览器地址栏中的URL。 25. **获取表单数量** - **语法**:`document.forms.length` - **用途**:获取页面中表单的数量。 26. **关闭文档** - **语法**:`document.close()` - **用途**:...
JavaScript提供了一种方式,通过`History`对象的`pushState()`方法来修改浏览器的URL地址栏,而无需刷新页面。这一功能在构建单页应用程序(SPA)时特别有用,因为它可以提供更好的用户体验,同时更新浏览器的历史...
这里所说的“地址栏”指的是浏览器地址栏中输入的URL地址,而“参数”则是指URL中用于传递数据的部分。 #### 描述:“js获取中文地址栏参数” 该描述简单明了地重申了文章的核心内容——使用JavaScript技术来实现...
在介绍如何用JavaScript改变浏览器界面之前,我们需要了解JavaScript的基本概念。JavaScript是一种基于ECMAScript规范的解释型编程语言,主要应用于客户端的Web开发,它允许在网页中执行代码,处理用户输入,更新...
本文将详细介绍如何使用JavaScript来接收和解析地址栏中的传值,并给出一个具体的示例。 #### 二、基础知识 在正式介绍之前,我们需要了解一些基础知识: 1. **URL结构**:统一资源定位符(Uniform Resource ...
3. **Location对象**:Location对象反映了浏览器地址栏中的URL信息。我们可以使用`location.href`获取完整的URL,`location.pathname`获取路径名,以及`location.assign()`来加载新的页面。此外,`location.replace...
### JavaScript函数大全Word版知识点详解 #### 一、概述 《JavaScript函数大全Word版》是一份详尽的JavaScript基础知识及函数应用指南。该文档通过列举常见的JavaScript语法特性、内置对象和函数,帮助开发者快速...
* location 对象:代表当前地址栏对象 文档对象模型(DOM) * document 对象:代表浏览器窗口中加载的整个 HTML 文档 * DOM 的优点:独立于浏览器和平台 这些知识点是 JavaScript 编程的基础,它们将帮助您更好地...
JavaScript正则获取地址栏中参数的方法主要阐述了如何通过正则表达式在JavaScript中获取URL地址栏参数值的技巧。这一方法在Web开发中十分实用,尤其是在处理动态地址时,我们经常需要获取某些特定的查询参数值。通过...
本文将深入探讨如何使用JavaScript(简称JS)来解码这些URL编码,使其转换回原本的中文或其他非英文字符。 ### URL编码与解码原理 URL编码的主要目的是确保URL中的所有字符都能在网络上传输,避免因特殊字符导致的...
在Web开发中,获取浏览器地址栏的参数值是常见的需求,主要用于处理GET请求中URL后附加的查询参数。本文提供了两种主要方法来实现这一功能。 ### 方法一:获取地址栏参数数组 第一种方法是通过编写一个`...
例如,`javascript: 5 + 4`这个URL,当在浏览器地址栏输入并回车后,浏览器并不会加载新的网页,而是执行`5 + 4`这个表达式,计算结果为9,然后这个数字9会出现在浏览器窗口中,因为这就是表达式执行后的返回值。...
- location对象:提供了关于浏览器地址栏的信息。 - history对象:提供了浏览器历史记录的访问。 11. 网页特效与本地存储 - 网页特效:JavaScript可以用来创建PC端和移动端的网页特效,如触屏事件处理。 - 本地...
支持浏览器历史history####用法:defaults configRoutes.defaults = { indexRoutes:'#index', //首个要加载执行的函数 item:'a.ajax', //jquery能判断的元素 routes:{}, //路径格式{href:functionName} func:{} //...
函数体内部通过`window.location.href`属性来改变浏览器地址栏中的URL,从而实现页面跳转。 #### 2. 超链接结合`goUrl`函数 ```html <a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">...
### JavaScript 实际运用中的函数大全 #### 一、概述 JavaScript 是一种广泛应用于网页开发的脚本语言,它能够使网页具有动态交互性。本文档将详细介绍一系列实用的 JavaScript 函数,涵盖文档对象模型(DOM)操作...