Javascript初学者实例教程(5):Document对象

2016-02-20 00:46 3 1 收藏

get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Javascript初学者实例教程(5):Document对象，一起来学习了解下吧！

【 tulaoshi.com - Web开发】

上一篇学习了：Javascript初学者实例教程(4):对象和构造方法

实例五（4.1）

本实例主要介绍了Document对象的使用

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
HTML
HEAD
TITLE New Document /TITLE
/HEAD
BODY
IMG SRC="C:/Documents and Settings/Administrator/桌面/13608.gif" WIDTH="170" HEIGHT="1" BORDER="0" ALT=""br/
SCRIPT LANGUAGE="JavaScript"
!--
document.write("文件地址:"+document.location+"br/")
document.write("文件标题:"+document.title+"br/");
document.write("图片路径:"+document.images[0].src+"br/");
document.write("文本颜色:"+document.fgColor+"br/");
document.write("背景颜色:"+document.bgColor+"br/");
//--
/SCRIPT
/BODY
/HTML

效果演示：

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADTITLE New Document /TITLE/HEADBODYIMG SRC="C:/Documents and Settings/Administrator/桌面/13608.gif" WIDTH="170" HEIGHT="1" BORDER="0" ALT=""br/SCRIPT LANGUAGE="JavaScript"!--document.write("文件地址:"+document.location+"br/")document.write("文件标题:"+document.title+"br/");document.write("图片路径:"+document.images[0].src+"br/");document.write("文本颜色:"+document.fgColor+"br/");document.write("背景颜色:"+document.bgColor+"br/");//--/SCRIPT/BODY/HTML
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

来源:http://www.tulaoshi.com/n/20160220/1632512.html

上一篇： Vista系统扫描传真故障的解决方法
下一篇：网页内应用JS的最好方法

看过《Javascript初学者实例教程(5):Document对象》的人还看了以下文章更多>>

Photoshop初学者实例教程：拼接照片技巧

标签： PS PS教程

我们常常需要将多张图像连接在一起，形成一张大的照片，特别是拍摄的集体照或者较大的场景。一般来讲，如果集体照的场景比较大，就需要用专业的全景相机来拍摄。如果我们手里只有小相机，甚至于手机来拍摄的话，就需要在后期处理上下下功夫了，使用Photoshop可以将多张照片合并在一起。自动对齐图层拼合照片在前面我们讲了，使用...

PS初学者实例教程——制作沙金字效果

标签： PS PS教程

本文由中国 webkxq2007 原创，转载请保留此信息！本系列教程由中国互助课堂专为PS新手制作，更多教程和练习请点击这里，在这里有系列的教程、练习，并有老师对练习进行点评与指导，欢迎朋友们的光临！先看下最终效果： [next] 一、点击文件——新建，或按Ctrl+n新建一个文件如图设置二、设置前景色：d5caa8 ...

PS初学者实例教程——修复倾斜的照片

标签： PS PS教程

这是一幅人物外景照片，因为种种原因，不可能到原地重拍，所以很有纪念意义。必须想法使其正常美观。本题目的，在于使初学者了解并掌握裁剪工具除了正常裁剪以外的用法。先看原图和效果图： [next] 一、首先点击图片最大化按钮，用裁剪工具沿图片边沿拉出裁减框二、将光标放到裁剪框外，待光标变成弯曲的双向箭头时，拖动光...

PS初学者实例教程——制作材质压花效果

标签： PS PS教程

本文由中国 webkxq2007 原创，转载请保留此信息！本系列教程由中国互助课堂专为PS新手制作，更多教程和练习请点击这里，在这里有系列的教程、练习，并有老师对练习进行点评与指导，欢迎朋友们的光临！用浮雕效果滤镜和图层混合模式制作木纹压花，当然你可以选择别的材质做自己喜欢的效果。希望大家能够举一反三，融汇贯通...

Photoshop初学者实例教程：云雾效果简单制作

标签： PS PS教程

本文由中国 yntbw(一把火) 原创，转载请保留此信息！本系列教程由中国互助课堂专为PS新手制作，更多教程和练习请点击这里，在这里有系列的教程、练习，并有老师对练习进行点评与指导，欢迎朋友们的光临！更多初学者实例教程： http://www.jcwcn.com/portal-topic-topicid-9.html 原图：效果： [next] 步骤： 1、...

查看更多精彩>>