`
zengshaotao
  • 浏览: 787296 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

window.location.search解惑

 
阅读更多
Javascript有许多内建的方法来产生对话框,如:window.alert(),  window.confirm(),window.prompt().等。  然而IE提供更多的方法支持对话框。如:

showModalDialog()  (IE  4+  支持)
showModelessDialog()  (IE  5+  支持)


  window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。
  window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

  当我们用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时,  打开对话框的窗口仍可以进行其他的操作,即对话框不总是最

上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此

我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。

使用方法如下:
  vReturnValue  =  window.showModalDialog(sURL  [,  vArguments]  [,  sFeatures])
  vReturnValue  =  window.showModelessDialog(sURL  [,  vArguments]  [,  sFeatures])
参数说明:
  sURL
  必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
  vArguments
  可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
  sFeatures
  可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
    dialogHeight  对话框高度,不小于100px,IE4中dialogHeight  和  dialogWidth  默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,

用px做单位。
    dialogWidth:  对话框宽度。
    dialogLeft:  距离桌面左的距离。
    dialogTop:  离桌面上的距离。
    center:  {yes  |  no  |  1  |  0  }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
    help:  {yes  |  no  |  1  |  0  }:是否显示帮助按钮,默认yes。
    resizable:  {yes  |  no  |  1  |  0  }  [IE5+]:是否可被改变大小。默认no。
    status:  {yes  |  no  |  1  |  0  }  [IE5+]:是否显示状态栏。默认为yes[  Modeless]或no[Modal]。
    scroll:{  yes  |  no  |  1  |  0  |  on  |  off  }:指明对话框是否显示滚动条。默认为yes。

    还有几个属性是用在HTA中的,在一般的网页中一般不使用。
    dialogHide:{  yes  |  no  |  1  |  0  |  on  |  off  }:在打印或者打印预览时对话框是否隐藏。默认为no。
    edge:{  sunken  |  raised  }:指明对话框的边框样式。默认为raised。
    unadorned:{  yes  |  no  |  1  |  0  |  on  |  off  }:默认为no。

  传入参数:
  要向对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:


  1,如何在模态对话框中进行提交而不新开窗口?
  如果你  的  浏览器是IE5.5+,可以在对话框中使用带name属性的iframe,提交时可以制定target为该iframe的name。对于IE4+,可以用高度为0的frame来作:

  test6.htm
  ===================
  <script>
    window.showModalDialog("test7.htm")
  </script>

  test7.htm
  ===================
<script>
  if(window.location.search)  alert(window.location.search)
</script>
  <frameset  rows="400,*">
    <frame  src="about:blank">
    <frame  src="test8.htm">
  </frameset>

  test8.htm
  ===================
  <form  target="_self"  method="get">
  <input  name=txt  value="test">
  <input  type=submit>
  </form>
  <script>
  if(window.location.search)  alert(window.location.search)
  </script>



所有的文件都在同一目录下

着重需要说明的是window.location.search

对于如下url:

file:///C:/Documents%20and%20Settings/issuser/Desktop/新建文件夹/test8.htm?txt=test

window.location.search=  ?txt=test,即相当于get提交方式的提交参数模式
分享到:
评论

相关推荐

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    window.location.hash解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

    javascript 打开页面window.location和window.open的区别.docx

    ### JavaScript打开页面window.location与window.open的区别 #### 一、概述 在JavaScript中,`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API,但它们在使用场景、功能特性和行为上有显著的...

    详解js location.href和window.open的几种用法和区别.docx

    当有提交数据时,window.location.reload() 会提示是否提交,而 window.location.href 则是向指定的 URL 提交数据。 四、window.open() 的用法 window.open() 方法可以打开新的浏览器窗口或 Tab,用于实现弹出窗口...

    深入解析:`window.location`对象在JavaScript中的运用

    在Web开发中,window.location对象是JavaScript中一个非常核心的部分,它提供了一种访问和修改当前文档URL的方法。这个对象包含了许多属性和方法,可以用来获取URL的各个组成部分,甚至可以用来导航到新的页面。本文...

    js 页面刷新location.reload和location.replace的区别小结.docx

    * window.location.search:获取 URL 的查询部分。 * window.location.hash:获取 URL 的片断部分。 location.reload() 和 location.replace() 两个方法都可以用于刷新页面,但是它们之间有着明显的区别。location....

    jsp 刷新父页面

    Response.Write("&lt;script&gt;window.location.href = window.location.href&lt;/script&gt;"); 刷新本页Response.Write("&lt;script&gt;window.location.href=window.location.href; &lt;/script&gt;"); 刷新父页和本页面: Response....

    window.showModalDialog模式对话框和 window.open的区别

    `window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...

    字符串 window.open() window.opener window.name window对象等的总结

    - `window.location`:包含了当前窗口URL的信息,可以修改来导航到新的页面。 - `window.history`:提供了浏览历史记录的管理功能,如`history.back()`、`history.forward()`。 - `window.document`:提供了对HTML...

    window.open.txt

    根据提供的文件信息,我们可以深入探讨`window.open()`方法在不同浏览器环境下的特性和使用细节。 ### window.open() 方法概述 `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或...

    window.showModalDialog以及window.open用法简介

    Window.showModalDialog 和 Window.open 用法简介 Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法,用于创建新窗口或对话框,下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window....

    top.location.href和localtion.href有什么不同

    在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...

    window.open最大化问题

    Window.open 最大化问题解决方案 Window.open 是 JavaScript 中的一个方法,用于打开新的浏览器窗口。然而,在实际应用中,我们经常需要将弹出的窗口最大化,以便更好地展示内容。在本文中,我们将探讨如何使用 ...

    window.clearInterval与window.setInterval的用法.

    ### window.clearInterval与window.setInterval的用法 在前端开发中,经常需要用到定时器来实现某些功能,例如计时器、轮播图等。而`window.setInterval`和`window.clearInterval`是JavaScript中用于处理定时任务的...

    window.open打开新窗口参数设置

    window.open('/myoa/admin/manage.jsp', '_blank', 'height=300,width=500,scrollbars=no,location=no'); ``` #### 五、注意事项 1. **兼容性问题**:不同的浏览器对 `window.open()` 方法的支持程度不同,因此...

    js弹窗并返回值(window.open方式)

    在JavaScript中,`window.open`方法是一个非常实用的功能,它允许开发者创建新的浏览器窗口或标签页,并在其中加载指定的网页内容。这个方法在交互式用户界面设计中尤其常见,例如用于显示警告、确认对话框或者...

    Window.Open详解

    ### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、...

    JS 获取当前页面 URL.docx

    `window.location.search`返回URL中的查询字符串部分,即URL中`?`后面的部分。 ```javascript console.log(window.location.search); // 输出查询字符串 ``` #### `window.location.hash` `window.location.hash`...

Global site tag (gtag.js) - Google Analytics