`

JavaScript:用JS函数隐藏浏览器地址栏

    博客分类:
  • JS
阅读更多
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设置的是相对的路径,也可以使用绝对路径。调用的方法和前面是一样的,这中方法适合与很多页面都需要调用这个函数的时候。
分享到:
评论

相关推荐

    js制作浏览器的地址栏

    在这个主题中,我们将探讨如何使用JavaScript来创建一个类似于浏览器地址栏的功能,让用户可以输入网址并实现页面跳转。首先,我们需要理解HTML的基本结构,以及JavaScript与HTML之间的交互。 HTML(HyperText ...

    有趣的浏览器地址栏JS代码

    在IT领域,特别是前端开发与浏览器交互中,利用JavaScript(简称JS)在浏览器地址栏执行特定代码是一种既有趣又实用的技术。以下是从标题“有趣的浏览器地址栏JS代码”及其描述和部分示例代码中提取的关键知识点,...

    NPAPI 插件获取浏览器地址栏URL

    3. **获取浏览器地址栏URL**:NPAPI插件可以通过`NPN_GetValue`函数获取当前浏览器窗口的URL。这个函数是NPAPI的一部分,可以用来获取浏览器提供的各种信息,包括URL。 4. **安全考虑**:由于NPAPI插件拥有很高的...

    屏蔽IE的工具栏菜单栏地址栏(一共两个)

    根据给定的文件信息,我们可以深入探讨如何使用JavaScript来屏蔽Internet Explorer(IE)浏览器的工具栏、菜单栏和地址栏,实现一个自定义界面的弹窗功能。这在某些应用场景下,比如创建一个干净无干扰的用户界面或...

    js函数一览表 javaScript 自定义函数一览表

    - **用途**:更改浏览器地址栏中的URL。 25. **获取表单数量** - **语法**:`document.forms.length` - **用途**:获取页面中表单的数量。 26. **关闭文档** - **语法**:`document.close()` - **用途**:...

    使用JavaScript修改浏览器URL地址栏的实现代码

    JavaScript提供了一种方式,通过`History`对象的`pushState()`方法来修改浏览器的URL地址栏,而无需刷新页面。这一功能在构建单页应用程序(SPA)时特别有用,因为它可以提供更好的用户体验,同时更新浏览器的历史...

    js获取中文地址栏参数

    这里所说的“地址栏”指的是浏览器地址栏中输入的URL地址,而“参数”则是指URL中用于传递数据的部分。 #### 描述:“js获取中文地址栏参数” 该描述简单明了地重申了文章的核心内容——使用JavaScript技术来实现...

    用JavaScript改变Internet浏览器的界面.pdf

    在介绍如何用JavaScript改变浏览器界面之前,我们需要了解JavaScript的基本概念。JavaScript是一种基于ECMAScript规范的解释型编程语言,主要应用于客户端的Web开发,它允许在网页中执行代码,处理用户输入,更新...

    javascript接收地址栏传值

    本文将详细介绍如何使用JavaScript来接收和解析地址栏中的传值,并给出一个具体的示例。 #### 二、基础知识 在正式介绍之前,我们需要了解一些基础知识: 1. **URL结构**:统一资源定位符(Uniform Resource ...

    10JavaScript浏览器对象模型BOM.docx

    3. **Location对象**:Location对象反映了浏览器地址栏中的URL信息。我们可以使用`location.href`获取完整的URL,`location.pathname`获取路径名,以及`location.assign()`来加载新的页面。此外,`location.replace...

    JavaScript函数大全Word版

    ### JavaScript函数大全Word版知识点详解 #### 一、概述 《JavaScript函数大全Word版》是一份详尽的JavaScript基础知识及函数应用指南。该文档通过列举常见的JavaScript语法特性、内置对象和函数,帮助开发者快速...

    javascript复习要点

    * location 对象:代表当前地址栏对象 文档对象模型(DOM) * document 对象:代表浏览器窗口中加载的整个 HTML 文档 * DOM 的优点:独立于浏览器和平台 这些知识点是 JavaScript 编程的基础,它们将帮助您更好地...

    JavaScript正则获取地址栏中参数的方法

    JavaScript正则获取地址栏中参数的方法主要阐述了如何通过正则表达式在JavaScript中获取URL地址栏参数值的技巧。这一方法在Web开发中十分实用,尤其是在处理动态地址时,我们经常需要获取某些特定的查询参数值。通过...

    利用JS把URL地址栏%20、%55之类编码转成中文字符

    本文将深入探讨如何使用JavaScript(简称JS)来解码这些URL编码,使其转换回原本的中文或其他非英文字符。 ### URL编码与解码原理 URL编码的主要目的是确保URL中的所有字符都能在网络上传输,避免因特殊字符导致的...

    JS获取浏览器地址栏的多个参数值的任意值实例代码

    在Web开发中,获取浏览器地址栏的参数值是常见的需求,主要用于处理GET请求中URL后附加的查询参数。本文提供了两种主要方法来实现这一功能。 ### 方法一:获取地址栏参数数组 第一种方法是通过编写一个`...

    JavaScript表达式:URL 协议介绍

    例如,`javascript: 5 + 4`这个URL,当在浏览器地址栏输入并回车后,浏览器并不会加载新的网页,而是执行`5 + 4`这个表达式,计算结果为9,然后这个数字9会出现在浏览器窗口中,因为这就是表达式执行后的返回值。...

    JavaScript-学习笔记.pdf

    - location对象:提供了关于浏览器地址栏的信息。 - history对象:提供了浏览器历史记录的访问。 11. 网页特效与本地存储 - 网页特效:JavaScript可以用来创建PC端和移动端的网页特效,如触屏事件处理。 - 本地...

    routes:单页面布局,浏览器地址栏显示#,支持history,监听a标签点击事件,

    支持浏览器历史history####用法:defaults configRoutes.defaults = { indexRoutes:'#index', //首个要加载执行的函数 item:'a.ajax', //jquery能判断的元素 routes:{}, //路径格式{href:functionName} func:{} //...

    设为主页跳转代码大全

    函数体内部通过`window.location.href`属性来改变浏览器地址栏中的URL,从而实现页面跳转。 #### 2. 超链接结合`goUrl`函数 ```html &lt;a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');"&gt;...

    JavaScript实际运用中的函数大全

    ### JavaScript 实际运用中的函数大全 #### 一、概述 JavaScript 是一种广泛应用于网页开发的脚本语言,它能够使网页具有动态交互性。本文档将详细介绍一系列实用的 JavaScript 函数,涵盖文档对象模型(DOM)操作...

Global site tag (gtag.js) - Google Analytics