JavaScript语言 - 图文

2025/5/5 1:22:07

function down()

{

text1.style.fontSize=\}

function up()

{

text1.style.fontSize=\}

【替换图像】

//name=“”命名

.....onClick=”window.document.my_image.src=’ooxx.gif’ ; ”.... //触发事件变换图片路径

【单击链接而不离开当前页面】

ClickMe 在onClick后面的引号中放入”return false;”，就是告诉JavaScript阻止浏览器打开连接的href属性中的URL，这种方式在禁用了JavaScript的浏览器依旧“有用”，

document对象和对象的属性

document对象包含网页中的所有图像、链接、表单和其他元素。要编写图像属性替换

等代码，必须要告诉JavaScript在窗口中找到document对象，然后再在document对象中找到要修改的image对象，最后再修改图像的src属性：

window.document.my_image.src=”oxoxo.gif” ;

在document对象中包含image对象，而document对象也有自己的属性。例如，document对象的背景颜色属性叫bgColor，这就是我们为什么能通过window.document.bgColor=‘red’改变文档背景颜色的原因。每个对象都有自己的一组属性。

图像的预载

如过图像比较大或者是网速比较慢时，替换图像等动作会出现延迟，解决它可以预载图像，将它们保存在浏览器的缓存中，当光标移动到以图像上时，浏览器会首先检查它的缓存中是否存在替换图像。如果有，浏览器就不需要再下载图像，因此替换速度会更快。 var new_image=new Image();//或 var new_image=new Image(width,height); //创建新的

image对象。

new_image.src=”my_good_image.gif”; 设置new_image对象的src，强制浏览器把相应的图像下载到它的缓存中。当图像保存到浏览器的缓存中后，就可以在替换图像时避免延迟了。

第五章打开和操纵窗口

由于窗口也是对象，我们可以像操纵其他对象一样操纵窗口，通过使用JavaScript的据点可以调用你命名的window对象的一个方法：

window_name.method_name();

打开设置新窗口

打开新窗口：

car widow_name=window.open(“some_url”,”html_name”, “feature1,feature2,feature3....”); 操纵外观

window.open(“参数1”,”参数2”,”参数3”);

参数1=URL参数 var window_name=window.open(“http://www.xxxx.com”,”html_name”)

参数2=HTML名称参数窗口的HTML名称只有当你希望用户在一个不同的页面上单击HTML链接时，把页

面载入该窗口时有用。

参数3=特性参数：

JavaScript窗口特性 location directories resizable status toolbar menubar width,height scrollbars height=x left=x top=x width=x 设定是否显示地址输入栏(yes , no) 定义是否显示目录按钮(yes , no) 定义是否可以通过它的边界进行大小缩放控制定义是否在窗口下端添加状态栏定义是否显示浏览器的工具栏定义是否显示菜单条定义新窗口的宽与高(单位：pixel) 定义是否激活垂直和水平滚动条定义窗口的高度为x像素窗口距离屏幕左边x像素位置窗口距离屏幕定边x像素位置窗口宽度为x像素

隐藏或显示窗口

focus() 将窗口提到前面

blur() 将窗口放到后面例：Navigation window

窗口属性

status属性：通过status属性修改出现在状态栏中的内容例： opener属性：

一个窗口打开一个新窗口时，新窗口会通过opener属性记住它的父窗口。可以通过这个属性访问其父类窗口，并对其进行操作。

例：在新窗口的一个链接中改变父窗口中状态栏的内容。

false;” >put howdy into the status bar of the original window

其他window对象的方法

缩放窗口： window.resizeTo(500,200);//改变宽度和高度

window.resizeBy(10,-5);//宽度增加10像素，高度减少5像素移动窗口:

window.moveTo(0,0); //移动到窗口左上角