‘W3C’ 分类下的所有文章
2010九月30

window.open –打开窗口

javascript 评论关闭

1,window.open(‘CancelCause.aspx’);
2,window.open(‘CancelCause.aspx’,'child’);
3,window.open(‘CancelCause.aspx’,'child’,'height=800, width=400, top=0, left=400′):
4,window.open(‘CancelCause.aspx’,'child’,'height=800, width=400, top=0, left=400,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’)

当指定了第三个参数的时候,默认toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no,即:3等同4
window.open 弹出新窗口的命令;
  ’page.html’ 弹出窗口的文件名, 为子窗口句柄,而open返回值为子窗口的window对象,注意区别
  ’child’ 弹出窗口的名字(不是文件名),非必须,可用空”代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
????? fullscreen=”yes” 最大化
????? alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
  alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
  depended | yes/no | 是否和父窗口同时关闭
  directories | yes/no | Nav2和3的目录栏是否可见
  hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
  innerHeight | pixel value | 窗口中文档的像素高度
  innerWidth | pixel value | 窗口中文档的像素宽度
  outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
  outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
  screenX | pixel value | 窗口距屏幕左边界的像素长度
  screenY | pixel value | 窗口距屏幕上边界的像素长度
  z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

上边四种情况的open函数返回值都是新打开的窗口的句柄,可用来操作新找开的窗口。
如:OpenWindow=window.open(“”, “newwin”, “height=250, width=250,toolbar=no ,scrollbars=”+scroll+”,menubar=no”);
????? OpenWindow.document.write(“<TITLE>例子</TITLE>”)

2010九月30

操作父窗口–opener对象

javascript 评论关闭

1,opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。 opener 属性非常有用,创建的窗口可以引用创建它的窗口所定义的属性和函数。可利用其来操作别一个窗口,前提是当前窗口是在另一个窗口的链接或open打开的。opener就代表父窗口的引用。
如:1.html:
?? input name=”" id = “father” type=”text” />
<a href=”2.html” target=”_blank”>2.html</a>
????? 2, <input name=”" type=”text” onKeyUp=”opener.document.getElementById(‘father’).value=this.value;” />
则当打开2.html之后,在2.html的input中输入文本,1.html中的input文本内容也会随之变化。

opener用来子窗口控制父窗口,父窗口要想控制子窗口的话,var myWin = window.open(‘new.html’);用myWin保存打开的子窗口的womdpw进行控制。myWin是一个window对象

2010九月30

window, screen , document 关系

javascript 评论关闭

?window是JavaScript中最大的对象,它描述的是一个浏览器窗口。
window 包括screen,document, location …
screen 屏幕对象 反映了当前用户的屏幕设置。
document 文档对象 描述当前窗口或指定窗口对象的文档。
location 对象,连接
location对象? ?

  • href 整个URL字符串.
  • protocol 含有URL第一部分的字符串,如http:
  • host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
  • hostname 包含URL中主机名的字符串.如http://www.cenpok.net
  • port 包含URL中可能存在的端口号字符串.
  • pathname URL中”/”以后的部分.如~list/index.htm
  • hash “#”号(CGI参数)之后的字符串.
  • search “?”号(CGI参数)之后的字符串. //得到URL传来的参数

function getUrlPara(paraName){?

var URLParams = new Object();
var aParams = document.location.search.substr(1).split(“&”);
if ( aParams == “” || aParams == undefined ){
??? return 0;
}
for (i=0; i<aParams.length; i++)
{
???? var aParam = aParams[i].split(“=”);
???? URLParams[aParam[0]] = aParam[1];
}
? return URLParams[paraName];

}

2010九月30

JavaScript中的document对象 :取得某一元素,或一批元素

javascript 评论关闭

document 文档对象 描述当前窗口或指定窗口对象的文档。它包含了文档从<head>到</body>的内容。
dom对象指的就是位于文档内的对象

1,

属性

cookie 关于 cookie 请参看“使用框架和 Cookies”一章。
lastModified
当前文档的最后修改日期,是一个 Date 对象。
referrer
如果当前文档是通过点击连接打开的,则 referrer 返回原来的 URL。
title
指<head>标记里用<title>…</title>定义的文字。在 Netscape 里本属性不接受赋值。
fgColor 指<body>标记的 text 属性所表示的文本颜色。
bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。
linkColor
指<body>标记的 link 属性所表示的连接颜色。
alinkColor
指<body>标记的 alink 属性所表示的活动连接颜色。
vlinkColor
指<body>标记的 vlink 属性所表示的已访问连接颜色。

2, document.getElementsByTagName(“input”) ? ? ? TagName:指类型,

???? document.getElementsById(“input”) ?

?? ?document.getElementsByName(“input”)

2010九月30

JavaScript中的Screen对象

javascript 评论关闭

screen 屏幕对象 反映了当前用户的屏幕设置。

属性

width 返回屏幕的宽度(像素数)。
height
返回屏幕的高度。
availWidth 返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的东西所占用的宽度)。
availHeight 返回屏幕的可用高度。
colorDepth 返回当前颜色设置所用的位数 – 1:黑白;8:256色;16:增强色;24/32:真彩色

2010九月30

JavaScript中的Window窗口对象 : 打开关闭窗口,后退

javascript 评论关闭

1,他是JavaScript中最大的对象,它描述的是一个浏览器窗口。一般要引用它的属性和方法时,不需要用“window.xxx”这种形式,而直接使用“xxx”。一个框架页面也是一个窗口。如:window.document,一般直接用document.
?
?2, self 指窗口本身,它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”,放在<a>标记中:“<a href=”javascript:self.close()”>关闭窗口</a>”。 window.等同于close()? self.close()

?3,判断浏览器:window.navigator.userAgent.indexOf(“Firefox”)>=1
?? 注:navigator 浏览器对象 反映了当前使用的浏览器信息,
?? ?appCodeName
返回浏览器的“码名”(?),流行的 IE 和 NN 都返回 ‘Mozilla’。
?? ?appName
返回浏览器名。IE 返回 ‘Microsoft Internet Explorer’,NN 返回 ‘Netscape’。
?? ?appVersion
返回浏览器版本,包括了大版本号、小版本号、语言、操作平台等信息。
?? ?platform
返回浏览器的操作平台,对于 Windows 9x 上的浏览器,返回 ‘Win32′(大小写可能有差异)。
?? ?userAgent
返回以上全部信息。例如,IE5.01 返回 ‘Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)’。
?? ?javaEnabled() 返回一个布尔值,代表当前浏览器允许不允许 Java。
?
4,打开窗口 window.open? ,后退: window.history.go(-1);

5,

  • alert() 用法:alert(<字符串>);弹出一个只包含“确定”按钮的对话框,显示<字符串>的内容,整个文档的读取、Script 的运行都会暂停,直到用户按下“确定”。
  • confirm() 用法:confirm(<字符串>);弹出一个包含“确定”和“取消”按钮的对话框,显示<字符串>的内容,要求用户做出选择,整个文档的读取、Script 的运行都会暂停。如果用户按下“确定”,则返回 true 值,如果按下“取消”,则返回 false 值。
  • prompt() 用法:prompt(<字符串>[, <初始值>]);弹出一个包含“确认”“取消”和一个文本框的对话框,显示<字符串>的内容,要求用户在文本框输入一些数据,整个文档的读取、Script 的运行都会暂停。如果用户按下“确认”,则返回文本框里已有的内容,如果用户按下“取消”,则返回 null 值。如果指定<初始值>,则文本框里会有默认值。

6 Window窗口对象有如下事件:
window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件,而且包含的图片,插件,控件,小程序等全部内容都下载完毕。本事件是 window 的事件,但是在 HTML 中指定事件处理程序的时候,我们是把它写在<body>标记中的。
window.onunload;发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到<body>标记里。

2010九月30

取得改变前的 select下拉框的值

javascript 评论关闭

<select onclick=”this.old = this.value”>

?old属性就是 之前的值

2010九月30

地址栏要输入http的原因

javascript 评论关闭

地址栏中不仅仅只支持http协议,还有:
https;
file; 打开本地文件
ftp;
view-source; 查看指定连接的源码
javascript: 执行js代码
mailto:goodasong@gmail.com? 调用本地邮箱发邮件mailto:goodasong@gmail.com

2010九月30

JS 地址栏运行

javascript 评论关闭

1, 用作URL的JavaScript代码前要增加javascript:以说明使用的是JavaScript协议, 可直接在地址栏中输出javascript:alert(’123′);来执行js命令

2, 利用浏览器打开网页之后,就可直接在地址栏中输入命令,进行资料的整合
?? 如:javascript:alert(“链接数: “+document.links.length);????????? //统计当前页面的连接数

页面打开,代表它已经存储在本地,当然可以按照自己的想法进行修改,这也是Firebug页面修改的原理所在

2010九月30

javascript脚本代码的位置

javascript 评论关闭

一、在网页文件的<script></script>标签对中直接编写JavaScript脚本代码; <script></script>标签对的位置并不是固定的,可以出现在<head></head>或<body></body>的任何位置。在一个HTML文档中可以有多段JavaScript代码。每段JavaScript代码可以相互访问,这与将所有代码放入同一对<script></script>之间的效果是一致的。在页面加载时此代码会自动执行!, 若放在function中,在调用时才会执行。 <input type=button value=click onclick=”alert(new Date());”>

? 二、将JavaScript脚本程序代码放置在一个单独的文件中,在网页文件中引用这个脚本程序。 ,这个文件以js为扩展名,其被称作为JavaScript脚本文件,在页面引入:<script src=”firstScript.js” language=”javascript”/>
三、将脚本程序代码作为某个元素的事件属性值或超链接的href属性。??? <a href=”javascript:alert(new Date());”>javascript</a>单击这个超链接,浏览器就会执行javascript:后面的脚本程序代码。

?????? JavaScript扩展了标准的HTML,为HTML标签增加了各种事件属性,比如,对Button而言,可以设置一个新的属性onclick,onclick的属性值就是一段JavaScript程序代码,当单击这个按钮后,onclick属性中的JavaScript代码就会被浏览器解释执行。如下所示:

?????? <input type=button value=click onclick=”alert(new Date());”>

注意:用作URL的JavaScript代码前要增加javascript:,以说明使用的是JavaScript协议,但事件属性中的JavaScript程序代码前则不用增加javascript:进行说明。