以下函数可以获取url任意参数的值:
function getParams(key){var url = location.search.replace(/^\?/,'').split('&')
var paramsObj = {}
for(var i = 0, iLen = url.length i < iLen i++){
var param = url[i].split('=')
paramsObj[param[0]] = param[1]
}
if(key){
return paramsObj[key] || ''
}
return paramsObj
}
可选参数key表示获取参数的名称,如果省略该参数,则会返回一个对象,包含所有参数的key和value。
1、使用window.open()function openwindow(aa)
{
return window.open(aa,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
}
//调用方法
openwindow("index.html")
2、使用window.showModalDialog()
function show(WINwidth, WINheight) {
showx = event.screenX - event.offsetX - 4 - WINwidth // + deltaX
showy = event.screenY - event.offsetY + 18// + deltaY
newWINwidth = WINwidth + 4 + 18
var features =
'dialogWidth:' + newWINwidth + 'px' +
'dialogHeight:' + WINheight + 'px' +
'dialogLeft:' + showx + 'px' +
'dialogTop:'+ showy + 'px' +
'directories:no
localtion:no
menubar:no
status=no
toolbar=no
scrollbars:no
Resizeable=no'
var endtarget = "弹出页面.htm"
window.showModalDialog(endtarget, " ", features)
}
<!--调用-->
<input name="image" type=image onClick="show(230, 35)return false" src="../../代替按扭的图片.gif" alt="鼠标经过显示的文字" width="16" height="16" >
window.showModalDialog
基本介绍:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框(就是弹出这个窗口后,父窗口是不可选的)。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框(就是弹出这个窗口后,父窗口仍然可选)。使用方法:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])参数说明:sURL--必选参数,类型:字符串。用来指定对话框要显示的文档的URL。vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。sFeatures--可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“”隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的,在一般的网页中一般不使用。10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。参数传递:1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
<script>
var obj = new Object()
obj.name="ttop"
window.showModalDialog("test.htm",obj,"dialogWidth=200pxdialogHeight=100px")
</script>
test.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
<script>
str=window.showModalDialog("test.htm",,"dialogWidth=200pxdialogHeight=100px")
alert(str)
</script>
test.htm
<script>
window.returnValue="qifei123"
</script>
不知道大家对 slice, splice, splite 是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,甚至懒得记住他们的功能。所以为了帮组和我一样有困扰的人,我们来解决它。
三个方法除了长得像,其实功能完全不一样,为了帮助记忆,先总结一下:
1. slice 是 Array 和 String 都有的方法,功能也和字符串的 slice 是一样,截取区间值用的。 String的slice()方法请看上篇文章: js里相似的方法比较系列(一)String的slice,substring,substr方法区别 。
2. splice 仅是数组 Array 的方法,splice比slice外观上多个p,这一个p蹦出了天差地别,功能超级强大。它能用来插入、删除甚至替换数组的元素。
3. split 仅仅是字符串的方法,外观上也有p,但是少了ce,还多了个t。这个t厉害了,一脚把字符串踢成了多段,吓得字符串变成了数组。没错, split() 方法就是用来把一个字符串分割成字符串数组。
下面我就来分别说说他们:
用法:array.slice(start, end)
解释: slice() 该方法用于对数组进行部分截取,并返回一个数组副本;参数 start 是截取的开始数组索引, end 参数等于你要截取的最后一个元素的索引位置加上1的值(可选)
用法:array.splice(start, deleteCount, item,…..,itemX)
解释: splice() 方法用于插入、删除或替换数组的元素。 splice 方法从 array 中移除一个或多个元素,如果你愿意的话可以用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数 deleteCount 是要移除的元素的个数。
如果有额外的参数,那么 item,…..,itemX 会插入到被移除元素的位置上。
splice()方法返回一个包含被移除元素的数组。
用法:string.split(separator, limit)
解释: split() 方法用于把一个字符串分割成字符串数组。把这个 string 分割成片段来创建一个新的字符串数组,但不改变原始字符串。
separator 参数可以是一个分隔符,它可以是字符串或一个正则表达式。如果 separator 是一个空字符(‘’),会返回一个单字符的数组。
limit (可选参数)可以限制被分割的片段数量。
今天就到这吧,下一节我们讲解 “js相似方法比较系列(三)charAt,indexof,findIndex,lastindexof,includes,find的区别” ,敬请期待~!
参考地址:
https://www.cnblogs.com/webjoker/p/5218114.html
https://blog.csdn.net/yw00yw/article/details/81063038