JS 登录基础设计.docx

上传人:b****5 文档编号:8400387 上传时间:2023-01-31 格式:DOCX 页数:11 大小:18.03KB
下载 相关 举报
JS 登录基础设计.docx_第1页
第1页 / 共11页
JS 登录基础设计.docx_第2页
第2页 / 共11页
JS 登录基础设计.docx_第3页
第3页 / 共11页
JS 登录基础设计.docx_第4页
第4页 / 共11页
JS 登录基础设计.docx_第5页
第5页 / 共11页
点击查看更多>>
下载资源
资源描述

JS 登录基础设计.docx

《JS 登录基础设计.docx》由会员分享,可在线阅读,更多相关《JS 登录基础设计.docx(11页珍藏版)》请在冰豆网上搜索。

JS 登录基础设计.docx

JS登录基础设计

1logicalXDPI属性可返回显示屏幕每英寸的水平方向的常规点数。

语法

screen.logicalXDPI

实例

document.write("

LogicalXDPI:

")

document.write(screen.logicalXDPI+"

")

2logicalYDPI属性可返回显示屏幕每英寸的垂直方向的常规点数。

语法

screen.logicalYDPI

实例

document.write("

LogicalYDPI:

")

document.write(screen.logicalYDPI+"

")

3longDesc属性可设置或返回一个框架内容描述的URL。

提示:

对那么不支持框架的浏览器使用该属性。

语法

frameObject.longDesc=URL

实例

在我们的例子中,首先将创建包含带有两个列的框架集的HTML文档。

每列设置为浏览器窗口的50%:

longdesc="frame_description.htm">

HTML文档"frame_longdesc.htm"被放入第一列,而HTML文档"frame_a.htm"被放入第二列。

下面是"frame_longdesc.htm"的源代码:

x=parent.document.getElementById("leftFrame");

document.write("Descriptionforthisframe:

");

document.write('

+'">Description');

4longDesc属性可设置或返回包含iframe内容描述的文档的URL。

提示:

请把该属性用于不支持框架的浏览器。

语法

iframeObject.longDesc=URL

实例

下面的例子创建了一个指向一个描述页面的链接:

longdesc="frame_description.htm">


x=document.getElementById("frame1");

document.write("Descriptionforframecontents:

");

document.write('Description');

5longDesc 属性可设置或返回包含图像描述的文档的URL。

该描述是对"alt"属性的补充,可对非可视的用户代理很有用。

语法

imageObject.longDesc=URL

实例

下面的例子将创建一个指向图像描述的链接:

longdesc="compman_description.htm"alt="Computerman"/>


varx=document.getElementById("compman");

document.write("Descriptionforimage:

");

document.write('Description');

6lowsrc属性可设置或返回图像的低分辨率版本的URL。

语法

imageObject.lowsrc=URL

实例

下面的例子可创建一个指向图像的低分辨率版本的链接:

lowsrc="compman_lowres.gif"alt="Computerman"/>


varx=document.getElementById("compman");

document.write('Lowresolution');

7media属性设置或返回显示文档的设备。

对于样式信息而言,目标媒介非常重要。

移动设备和桌面计算机的样式可能是不同的。

语法

linkObject.media=device

设备可以是下列值之一:

描述

screen

针对不分页的计算机屏幕。

tty

针对使用等宽字符网格的媒介(比如打字机、终端或其他具有有限显示能力的设备)。

tv

针对TV类型的设备。

projection

针对投影机。

handheld

针对手持设备。

print

针对打印预览模式的页面和文档。

braille

针对盲人用点字法触觉反馈装置。

aural

针对语音合成。

all

针对所有设备或装置。

实例

下面的例子获得使用link元素的媒介类型:

id="style1"href="try_dom_link.css"/>

x=document.getElementById("style1");

document.write("Intendedmediatype="+x.media);

8metaKey事件属性可返回一个布尔值,指示当事件发生时,"meta"键是否被按下并保持住。

语法

event.metaKey

实例

下面的例子可提示当鼠标按键被点击时"meta"键是否被按住:

functionisKeyPressed(event)

{

if(event.metaKey==1)

{

alert("Themetakeywaspressed!

")

}

else

{

alert("ThemetakeywasNOTpressed!

")

}

}

Clicksomewhereinthedocument.

Analertboxwilltellyouifyou

pressedthemetakeyornot.

9method属性可设置或返回用于表单提交的HTTP方法。

语法

formObject.method=get|post

实例

下面的例子弹出的对话框中显示了发送表单数据所使用的HTTP方法:

functionshowMethod()

{

varx=document.getElementById("myForm")

alert(x.method)

}

Name:

10minHeight属性设置元素的最小高度。

语法:

Object.style.minHeight=length|%

可能的值

描述

length

定义元素的最小高度值。

%

定义基于其包含块的百分比最小高度。

实例

本例设置元素框的最小高度:

functionsetMinHeight()

{

document.getElementById("p1").style.minHeight="200px";

}

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

value="Setminheight"/>

11miterLimit属性说明如何绘制交点。

语法

CanvasRenderingContext2D.miterLimit

描述

当宽线条使用设置为"miter"的lineJoin属性绘制并且两条线段以锐角相交的时候,所得的斜面可能相当长。

当斜面太长,就会变得不协调。

miterLimit属性为斜面的长度设置一个上限。

这个属性表示斜面长度和线条长度的比值。

默认是10,意味着一个斜面的长度不应该超过线条宽度的10倍。

如果斜面达到这个长度,它就变成斜角了。

当lineJoin为"round"或"bevel"的时候,这个属性无效。

12moveBy()方法可相对窗口的当前坐标把它移动指定的像素。

语法

window.moveBy(x,y)

参数

描述

x

要把窗口右移的像素数

y

要把窗口下移的像素数

实例

下面的例子将把窗口相对其当前位置移动50个像素:

functionmoveWin()

{

myWindow.moveBy(50,50)

}

myWindow=window.open('','','width=200,height=100')

myWindow.document.write("Thisis'myWindow'")

onclick="moveWin()"/>

13moveTo()方法设置当前位置并开始一条新的子路径。

语法

moveTo(x,y)

参数

参数

描述

x,y

新的当前点的坐标。

描述

moveTo()方法将当前位置设置为(x,y)并用它作为第一点创建一条新的子路径。

如果之前有一条子路径并且它包含刚才的那一点,那么从路径中删除该子路径。

14moveTo()方法可把窗口的左上角移动到一个指定的坐标。

语法

window.moveTo(x,y)

参数

描述

x

窗口新位置的x坐标

y

窗口新位置的y坐标

提示和注释

注释:

出于安全方面的原因,浏览器限制此方法使其不能把窗口移出屏幕。

实例

下面的例子讲把新窗口移动到指定的坐标:

functionmoveWin()

{

myWindow.moveTo(50,50)

}

myWindow=window.open('','','width=200,height=100')

myWindow.document.write("Thisis'myWindow'")

onclick="moveWin()"/>

15multiple属性可设置或返回是否可有多个选项被选中。

注释:

Opera9无法在脚本中设置该属性,仅能返回它。

语法

selectObject.multiple=true|false

实例

Thefollowingexamplereturnstheidofthedropdownlist:

functionselectMultiple()

{

document.getElementById("mySelect").multiple=true

}

value="Selectmultiple">

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > PPT模板 > 节日庆典

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1