javascript小结(二)

最新推荐文章于 2023-01-28 21:59:57 发布

最新推荐文章于 2023-01-28 21:59:57 发布 · 120 阅读

文章标签：

#JavaScript #JSP #脚本 #Go #HTML #ViewUI

JS/DHTML 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了多种实用的网页操作技巧，包括使用JavaScript进行页面链接提交、刷新不同元素如iframe和图片等，提供了禁用文本复制的方法，并详细解释了如何通过window.open()打开新窗口及其参数配置。

[color=red]一.链接提交form[/color]
[code]<script language="javascript" >
function Search(page){
searchForm.action="finance/manageExpend.do?method=searchCashExpend&curPage="+page;
document.searchForm.submit();
}
</script>

<a href="javascript:Search(<%=page%>)">页码</a>[/code]

[color=red]二.刷新[/color]
刷新iframe
[code]document.all.frameName.src=url ;[/code]

刷新指定url
[code]Window.location.href=url[/code]

刷新本页
[code]wondow.location.reload()[/code]

刷新图片
[code]document.all.Image1.src=url;[/code]

[color=red]
三.返回主页/前页[/color]
[code]返回前页：使用OnClick="history.go(-1)"
返回主页：使用OnClick='top.location.href="index.jsp"'
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">刷新</a>[/code]
[color=red]
四、window.open()[/color]
[b]1.语法[/b]
[code]window.open(pageURL,name,parameters)[/code]
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
[b]2.例子[/b][code]<SCRIPT>
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
</SCRIPT>[/code]
脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。请对照。

[b]3、各项参数[/b]
上例中涉及的为常用的几个参数，除此以外还有很多其他参数,其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

参数 | 取值范围 | 说明

[code]alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上[/code]

[color=red]五.禁止复制文本[/color]

[code]<body oncontextmenu='return false' //不能弹出右键菜单
ondragstart='return false' 禁止鼠标在网页上拖动
onselectstart ='return false' 可以实现对文本的选择与否的控制,默认可选,false 不可选
onselect='document.selection.empty()'
oncopy='document.selection.empty()'
onbeforecopy='return false' 控制复制事件
onmouseup='document.selection.empty()'>[/code]