JS 登录基础设计.docx

1、JS 登录基础设计1 logicalXDPI 属性可返回显示屏幕每英寸的水平方向的常规点数。语法screen.logicalXDPI实例document.write(Logical XDPI: )document.write(screen.logicalXDPI + )2 logicalYDPI 属性可返回显示屏幕每英寸的垂直方向的常规点数。语法screen.logicalYDPI实例document.write(Logical YDPI: )document.write(screen.logicalYDPI + )3 longDesc 属性可设置或返回一个框架内容描述的 URL。提示：对那么

2、不支持框架的浏览器使用该属性。语法frameObject.longDesc=URL实例在我们的例子中，首先将创建包含带有两个列的框架集的 HTML 文档。每列设置为浏览器窗口的 50%： HTML 文档 frame_longdesc.htm 被放入第一列，而 HTML 文档 frame_a.htm 被放入第二列。下面是 frame_longdesc.htm 的源代码：x=parent.document.getElementById(leftFrame);document.write(Description for this frame: );document.write(Description

3、);4 longDesc 属性可设置或返回包含 iframe 内容描述的文档的 URL。提示：请把该属性用于不支持框架的浏览器。语法iframeObject.longDesc=URL实例下面的例子创建了一个指向一个描述页面的链接：x=document.getElementById(frame1);document.write(Description for frame contents: );document.write(Description);5 longDesc属性可设置或返回包含图像描述的文档的 URL。该描述是对 alt 属性的补充，可对非可视的用户代理很有用。语法imageObje

4、ct.longDesc=URL实例下面的例子将创建一个指向图像描述的链接：var x=document.getElementById(compman);document.write(Description for image: );document.write(Description);6 lowsrc 属性可设置或返回图像的低分辨率版本的 URL。语法imageObject.lowsrc=URL实例下面的例子可创建一个指向图像的低分辨率版本的链接：var x=document.getElementById(compman);document.write(Low resolution);7 m

5、edia 属性设置或返回显示文档的设备。对于样式信息而言，目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。语法linkObject.media=device设备可以是下列值之一：值描述screen针对不分页的计算机屏幕。tty针对使用等宽字符网格的媒介（比如打字机、终端或其他具有有限显示能力的设备）。tv针对 TV 类型的设备。projection针对投影机。handheld针对手持设备。print针对打印预览模式的页面和文档。braille针对盲人用点字法触觉反馈装置。aural针对语音合成。all针对所有设备或装置。实例下面的例子获得使用 link 元素的媒介类型：x=docum

6、ent.getElementById(style1);document.write(Intended media type= + x.media);8 metaKey 事件属性可返回一个布尔值，指示当事件发生时，meta 键是否被按下并保持住。语法event.metaKey实例下面的例子可提示当鼠标按键被点击时 meta 键是否被按住：function isKeyPressed(event) if (event.metaKey=1) alert(The meta key was pressed!) else alert(The meta key was NOT pressed!) Click

7、somewhere in the document.An alert box will tell you if you pressed the meta key or not.9 method 属性可设置或返回用于表单提交的 HTTP 方法。语法formObject.method=get|post实例下面的例子弹出的对话框中显示了发送表单数据所使用的 HTTP 方法：function showMethod() var x=document.getElementById(myForm) alert(x.method) Name: 10 minHeight 属性设置元素的最小高度。语法：Objec

8、t.style.minHeight=length|%可能的值值描述length定义元素的最小高度值。%定义基于其包含块的百分比最小高度。实例本例设置元素框的最小高度：function setMinHeight()document.getElementById(p1).style.minHeight=200px;This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some

9、text. This is some text.11 miterLimit 属性说明如何绘制交点。语法CanvasRenderingContext2D.miterLimit描述当宽线条使用设置为 miter 的 lineJoin 属性绘制并且两条线段以锐角相交的时候，所得的斜面可能相当长。当斜面太长，就会变得不协调。miterLimit 属性为斜面的长度设置一个上限。这个属性表示斜面长度和线条长度的比值。默认是 10，意味着一个斜面的长度不应该超过线条宽度的 10 倍。如果斜面达到这个长度，它就变成斜角了。当 lineJoin 为 round 或 bevel 的时候，这个属性无效。12 mov

10、eBy() 方法可相对窗口的当前坐标把它移动指定的像素。语法window.moveBy(x,y)参数描述x要把窗口右移的像素数y要把窗口下移的像素数实例下面的例子将把窗口相对其当前位置移动 50 个像素：function moveWin() myWindow.moveBy(50,50) myWindow=window.open(,width=200,height=100)myWindow.document.write(This is myWindow)13 moveTo() 方法设置当前位置并开始一条新的子路径。语法moveTo(x, y)参数参数描述x, y新的当前点的坐标。描述moveTo

11、() 方法将当前位置设置为 (x, y) 并用它作为第一点创建一条新的子路径。如果之前有一条子路径并且它包含刚才的那一点，那么从路径中删除该子路径。14 moveTo() 方法可把窗口的左上角移动到一个指定的坐标。语法window.moveTo(x,y)参数描述x窗口新位置的 x 坐标y窗口新位置的 y 坐标提示和注释注释：出于安全方面的原因，浏览器限制此方法使其不能把窗口移出屏幕。实例下面的例子讲把新窗口移动到指定的坐标：function moveWin() myWindow.moveTo(50,50) myWindow=window.open(,width=200,height=100)myWindow.document.write(This is myWindow)15 multiple 属性可设置或返回是否可有多个选项被选中。注释：Opera 9 无法在脚本中设置该属性，仅能返回它。语法selectObject.multiple=true|false实例The following example returns the id of the dropdown list:function selectMultiple() document.getElementById(mySelect).multiple=true Apple Pear Banana Orange