首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

JavaScript:打开级联窗口

除了同时打开多个窗口之外,你还可以连续地打开多个窗口。假设你建立一个站点,该站点的启动 HTML 文件从主浏览器窗口打开两个子窗口。第一个子窗口可以用来显示主要信息,第二个窗口用于导航。这样用户就能够关闭主浏览器窗口,同时 Web 开发人员也能够控制所有的导航元素。 每个窗口是一个被打开的子窗口的父窗口(或者称 opener)。弹出窗口 1 从主窗口打开。弹出窗口 2 到弹出窗口 4 在前面的子窗口装载之前打开。例如下面的代码,从弹出窗口 1 HTML 文件打开弹出窗口 2: <script language="javascript"> <!-- var no2 = null; function cascade2() { no2 = window.open('cascade2.html','cas2','d...
类别:网页编程 - JavaScript    查看:103    更新:2014-05-22

JavaScript:编写处理窗口感知行为的代码

在框架集中,aware0.html 和 aware1.html 与左框架同步,并以白色背景显示。下面是代码: function preMpt() { if (self.name == 'contextee') { document.bgColor = '#ffffff'; parent.preNup('aware1b.html'); } else { document.bgColor = '#d2b48c'; self.focus(); window.onblur = function() { window.close(); } } } … <body … onLoad="preMpt()"> 另一方面,如果两个 HTML 文件任何之一是在一个弹出窗口中打开的,那么它们把焦点定于自己身上并以白色背景显示。而且,当用户在屏幕的其它任何地方点击鼠标时,弹出窗口自动关闭。 为什么这样做?简言之,就是重用。假设你...
类别:网页编程 - JavaScript    查看:104    更新:2014-05-22

JavaScript:编写可重用的窗口

我是为了一个仍在开发中的电子商务网站(eMirage)编写这个程序的。与其强迫用户等待所有的产品图片下载完毕,我选择将图片显示在一个弹出窗口中。两个图片用同一个窗口显示,而且没有独立的 HTML 文件。下面是具体方法: var faux = null; varpic = new Image(); function copyCat(pic) { faux = window.open('','newWin','dependent,resizable,top=20,left=20,width=273,height=230'); varfd = faux.document; fd.open(); fd.write('<html><head><title>midnight @ the oasis</title></head>'); fd.write('<body bgcolor="black" onLoad="window.focus()">'); ...
类别:网页编程 - JavaScript    查看:104    更新:2014-05-22

JavaScript:构建一个选项卡式面板

在这期专栏中,我将说明如何翻新选项卡式面板使其能够在不支持标准的4.0版本的老浏览器中工作,我还会稍微地改善面板的界面使其能够更具吸引力。 在翻新原来的选项卡式面板时,选项卡和面板在 Navigator 4.0中将会缺少边界,但是其它功能在 Netscape Navigator 或 Microsoft Internet Explorer 中都会一样。点击一个选项卡将显示与其关联的面板;点击后端的一个选项卡可以将引起选项卡的行移至前端。这就是我前面提到的一点小的界面改进;它使得所有行中的面板表现为同一种方式,而且使组件的行为更加一致。不幸的是,它就使得该组件不能再在 Opera 上运行,因为Opera 不支持 CSS clip属性。 另外一个显示上的改进是该组件不再是...
类别:网页编程 - JavaScript    查看:90    更新:2014-05-22

Javascript+DOM访问XML文件数据实例

1.生成XML文件。 在ADO里,用Recordset.Save方法可以保存查询内容至指定XML文件,这样生成的文件里面有很多内容是关于数据表的属性的,即<s:Schema></s:Schema>节点内容。我们需要的是<rs:data></rs:data>节点的内容。结构大体如下:Data.xml <xml ...> <s:Schema> ... </s:Schema> <rs:data> <z:row PositionID='1001' PositionName='fdsafsd' CompanyID='1' PMID='1001' /> <z:row PositionID='1002' PositionName='.NET Developer' CompanyID='2' PMID='1002' /> </rs:data> 这里的<z:row />即为一个数据...
类别:网页编程 - JavaScript    查看:99    更新:2014-05-22

IE和Firefox中不同的Javascript语法

尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中,网页教学网介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的 background-color值,我们使用如下句法: document.getElementById("header").style.backgroundColor= "#ccc"; 但由于"float"这个词是一个JavaScript保留字,因此我...
类别:网页编程 - JavaScript    查看:110    更新:2014-05-22

JavaScript中的function对象

JavaScript中的Function对象是函数,函数的用途分为3类: 作为普通逻辑代码容器; 作为对象方法; 作为构造函数。 1.作为普通逻辑代码容器 function multiply(x, y){ return x*y; } 函数multiply封装了两位数的乘法运算公式: var product = multiply(128,128); // product = 16384 创建函数实例的方式有3种。第一种是声明式,即像声明变量一样,将通过function(){}标识符创建的匿名函数直接赋值给变量,以该变量作为调用时的函数名称: var multiply = function(x, y){ return x*y; } 第二种是定义式,即以function关键字后跟函数名称及(){}来直接定义命名函数,前面第一个multiply函数就是通过定义式创建的。...
类别:网页编程 - JavaScript    查看:122    更新:2014-05-22

用Javascript动态添加删除HTML元素实例

将以下代码copy成一个html文件运行即可看到效果,很不错的代码 以下是HTML代码:【运行代码】【复制代码】 <html> <head> <title>用javascript动态添加删除html元素-php自学网</title> <script type="text/javascript"><!-- function $(nodeId) { return document.getElementById(nodeId); } function $Name(tagName) { return document.getElementsByTagName(tagName); } function replaceMsg() { var newNode = document.createElement("P");//创建一个P标签 newNode.innerHTML = "<font color='red'>替换后的文字</f...
类别:网页编程 - JavaScript    查看:112    更新:2014-05-22

用Javascript实现的DIV弹出层对话框

兼容IE6~8以及firefox 可以自定义: // 提示窗口标题高度 // 提示窗口的边框颜色 // 提示窗口的标题颜色 // 提示窗口的标题背景色 // 提示内容的背景色 // 提示内容文字对齐方式 功能 可以弹出一个大DIV遮住页面(IE下 透明) 然后在屏幕中央显示显示一个小DIV 可用作功能提示 操作提示 以及公告等 提示内容可以使带HTML标记的文字,也可是一个页面链接 以下是Javascript代码:【复制代码】 <script type="text/javascript"> function MessageBox() { this.titleheight = "21"; // 提示窗口标题高度 this.bordercolor = "#666699"; // 提示窗口的边框颜色 this....
类别:网页编程 - JavaScript    查看:125    更新:2014-05-22

JavaScript通过Flash保存本地数据

目前流行的网络应用中,有不少应用涉及到保存数据到本地的功能,用于应付网络中断或上不了网的情况,例如Google Reader的Gears离线功能,今天我介绍一种通过Flash保存数据到本地的一个很简单的方法。 Flash程序目前有保存和载入外部文件的功能,我们可以在JavaScript中调用Flash,实现JavaScript的离线读取和写入数据到本地硬盘的功能,有个日本人写了一些代码实现了这个功能,我现在将其翻译一下,供大家参考。 首先点这里下载这个文件,将其解压缩到本地硬盘。 文件里面的test.html为演示文件,大家可以参照这个文件学习。 首先将下面三个文件复制到WEB目录下:swfobject.js ,save2local.swf ,save2local.js,然后将以下代码...
类别:网页编程 - JavaScript    查看:102    更新:2014-05-22

Javascript中关于top、clientTop、scrollTop、offsetTop的说明

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft; 屏幕分辨率的高: window.screen.height; 屏幕分辨率的宽: window.screen.width; 屏幕可用工作区高度: window.screen.availHeight;...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-22

Javascript中的caller和callee属性

caller 返回一个对函数的引用,该函数调用了当前函数。 functionName.caller functionName 对象是所执行函数的名称。 说明 对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包含的就是 null 。 下面的例子说明了 caller 属性的用法: 以下是Javascript代码:【运行代码】【复制代码】 function callerDemo() { if ( arguments.caller) { var a= callerDemo.caller.toString(); alert(a); } else { alert("this is a top function"); } } function handleCaller() { callerDemo(); } handleCaller(); function calleeDemo() { alert(argu...
类别:网页编程 - JavaScript    查看:98    更新:2014-05-22

Javascript创建自己的对象

要创建自己的对象实例,必须首先为其定义一个构造函数。构造函数创建一个新对象,赋予对象属性,并在合适的时候赋予方法。例如,下面的示例为 pasta 对象定义了构造函数。注意 this 关键字的使用,它指向当前对象。 // pasta 是有四个参数的构造器。 function pasta(grain, width, shape, hasEgg) { // 是用什么粮食做的? this.grain = grain; // 多宽?(数值) this.width = width; // 横截面形状?(字符串) this.shape = shape; // 是否加蛋黄?(boolean) this.hasEgg = hasEgg; } 定义了对象构造器后,用 new 运算符创建对象实例。 var spaghetti = new pasta("whea...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-22

JavaScript解析XML的方法总结

最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。 我的xml文件Login.xml如下: 以下是XML代码:【运行代码】【复制代码】 <?xml version="1.0" encoding="utf-8" ?> <Login> <Character> <C Text="热血" Value="0"></C> <C Text="弱气" Value="1"></C> <C Text="激情" Value="2"></C> <C Text="冷静" Value="3&quo...
类别:网页编程 - JavaScript    查看:104    更新:2014-05-22

javascript中用localeCompare方法实现中文排序

javascript中localeCompare方法返回一个值,指出在当前的区域设置中两个字符串是否相同。 用法: stringVar.localeCompare(stringExp) 参数说明: stringVar 必选项。一个 String 对象后文字。 stringExp 必选项。将与 stringVar 进行比较的字符串。 说明 localeCompare 可以对 stringVar 和 stringExp 进行一个区分区域设置的字符串比较并返回 –1、0 或 +1,这取决于系统中缺省区域设置的排序。 如果 stringVar 排序在 stringExp 之前,那么 localeCompare 返回 –1;如果 stringVar 排序在 stringExp 之后,则返回 +1。如果返回值为 0,那就说明这两个字符串是相同的。 实例: 以下是Java...
类别:网页编程 - JavaScript    查看:145    更新:2014-05-22

javascript对url编码中escape,encodeURI,encodeURIComponent函数的用法区别

用javascript对URL进行编码时有3个函数可选:escape,encodeURI,encodeURIComponent函数.下面介绍一下它们的用法和区别。 1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如: <script language="javascript">document.write(''<a href="http://www.phpzixue.cn/?logout&aid=7&u=''+encodeURIComponent("http://www.phpzixue.cn/")+''">退出</a>'');</script> 2、 进行url跳转时可以整体使用encodeURI 例如: Location.href=encodeURI(http://cang.baidu.com/do/s?word=中国asp之家&ct=21); 3、...
类别:网页编程 - JavaScript    查看:159    更新:2014-05-22