怎么制作 HTML静态网页？_随笔

网页制作需要下载软件：

DREAMWEAVER、PHOTOSHOP、FLASH MX

均中文版，安全无毒，支持WIN7、XP、WIN2K 32位及64位

地址：

http://hi.baidu.com/msoffice2011/blog/item/9e11d83eff6a1e2b349bf7d8.html

安装完成即可永久使用

你这种每部分格式是一样的，肯定用的for循环来输出。

你要自适应屏幕，那你的文字大小就要改成自动的，

css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。

“viewpoint” = window size

15vw = 15% 设置width（可以理解为宽度单位）

15vh = 15% 设置height（可以理解高度单位）

此CSS 3单位兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+

图片的大小也是如此，都使用自动的宽高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

h1,h2,h3,h4,h5,h6{color:red}

</style>

var a1 = 1

function clickIpt1(){

a2 = 2

toClick()

}

function toClick(){

document.getElementById("label1InDiv1OfDiv1").innerHTML = a1

document.getElementById("label2InDiv1OfDiv1").innerHTML = a2

}

function chaKanCanShu(){

xiaoMingNiHao('小明')

xiaoHongNiHao('小红', '你', '也', '好')

document.getElementById("lb3InDiv2").innerHTML = callee(5)

}

function callee(num){

if (num == 1){

return 1

}

else{

return num * arguments.callee(num - 1)

}

function xiaoMingNiHao(name, greeting){

document.getElementById("lb1InDiv2").innerHTML = name + greeting + " 期望参数个数：" + xiaoMingNiHao.length + "；实际参数个数：" + arguments.length

}

function xiaoHongNiHao(){

var text = document.getElementById("lb2InDiv2")

text.innerHTML = xiaoHongNiHao.arguments[0]

text.innerHTML += arguments[1] + arguments[2] + arguments[3] + " 期望参数个数：" + xiaoHongNiHao.length + "；实际参数个数：" + arguments.length

}

//函数对象

function chaKanGouZao(){

var newFunc = new Function("var a=1var b=2document.getElementById('lb1InDiv3').innerHTML=a+b")

newFunc()//算是实例运行吧

}

//函数作为数据使用

function chaKanHanShuFuZhi(){//使用函数名赋值

var a = hanShu

var b = new Array()

b[0] = hanShu

document.getElementById("lb1InDiv4").innerHTML = a(2)

document.getElementById("lb2InDiv4").innerHTML = b[0](3)

}

function hanShu(a){

return a * a

}

function chaKanNiMingHanShu(){//使用匿名函数

var obj = new Object

obj.func = function (a){//此外obj可以直接使用，也可以给它增加一个属性，把函数赋给它的属性

return a * a

}

document.getElementById("lb3InDiv4").innerHTML = obj.func(3)

}

//函数对象的属性和方法

function forText1(str1, str2){

document.getElementById("lb1InDiv5").innerHTML = "这是你想看到的信息:" + str1 + str2

}

function chaKanString(){

var abc = "..."

document.getElementById("p2InDiv5").innerHTML = chaKanString.toString()

}

function chaKanCall(){

var obj = new Object

forText1.call(obj, '你好', 'JS')//apply()用法稍有不同，forText1.apply(obj, ['你好', 'JS'])

}

//自定义属性和方法

function getSum(){

getSum.sum = 0

for (var i = 0i <getSum.arguments.lengthi++){

getSum.sum += getSum.arguments[i]

}

return getSum.sum

}

function getAcc(){

for (var i = 0i <getAcc.arguments.lengthi++){

getAcc.sum += getAcc.arguments[i]

}

function ziDingYi(name){

this.hello = function(greeting){//this.hello在构造此函数时就会生成，而若把它换成ziDingYi.hello的话，便只有当调用了函数后才会生成hello这个函数

document.getElementById("lb4InDiv5").innerHTML = greeting + name

}

function chaKanZiDingYiShuXing(){

getSum(2, 3)

getSum(3, 4)

document.getElementById("lb2InDiv5").innerHTML = getSum.sum

getAcc.sum = 0

getAcc(2, 3)

getAcc(3, 4)

document.getElementById("lb3InDiv5").innerHTML = getAcc.sum

var obj = new ziDingYi("小明")

obj.hello("你好")

}

//全局函数

function quanJuHanShu(){

var a = 1, b = 2

document.getElementById("lb1InDiv6").innerHTML = escape("你好")

document.getElementById("lb2InDiv6").innerHTML = unescape("%u4F60%u597D")

document.getElementById("lb3InDiv6").innerHTML = eval("a + b")

document.getElementById("lb4InDiv6").innerHTML = parseInt("3.141")

}

</script>

</head>

<body>

<h2 id="d1h1">函数内不带var关键字的变量也是全局变量...</h2>

这是外部全局变量的值：<label id="label1InDiv1OfDiv1"></label><br />

这是内部全局变量的值：<label id="label2InDiv1OfDiv1"></label><br />

</div>

</div>

<hr />

<h2>实参的个数可以多于或少于形参的个数，多出的部分可以用函数对象的arguments属性访问...</h2>

实参个数少于形参个数的情况：<label id="lb1InDiv2"></label><br />

实参个数多于形参个数的情况：<label id="lb2InDiv2"></label><br />

arguments另一个属性arguments.callee()，可用于对匿名函数的自身调用：<label id="lb3InDiv2"></label><br />

</div>

<hr />

<h2>new Function(arg1, arg2..., functionBody)...</h2>

<h3>arg1,arg2似乎不能用...</h3>

对象对象...:<label id="lb1InDiv3"></label><br />

<input id="ipt1InDiv3" type="button" value="查看"

onclick="chaKanGouZao()" />

</div>

<hr />

<h2>函数作为数据使用</h2>

<h3>使用函数赋值</h3>

函数作为数据赋给变量：<label id="lb1InDiv4"></label><br />

函数作为数据赋给数组元素：<label id="lb2InDiv4"></label><br />

匿名函数的使用：<label id="lb3InDiv4"></label><br />

</div>

<hr />

<h2>函数对象的属性和方法</h2>

<h3>内建属性和方法</h3>

<p>内建属性在以上的arguments处已经说过，且看内建方法：</p><br />

valueOf()与toString()方法功能一样：<br />

apply()与call()功能一样，就是用来调用函数，当然，也可以用来调用自己，此时小心内存溢出：<br />

<h3>自定义属性和方法</h3>

非静态属性只有当函数被调用了它才存在：<label id="lb2InDiv5"></label><br />

在函数外部给函数属性赋值使它成为静态属性：<label id="lb3InDiv5"></label><br />

自定义方法：<label id="lb4InDiv5"></label><br/>

</div>

<hr />

<h2>一些全局函数</h2>

eacape():<label id="lb1InDiv6"></label><br/>

unescape():<label id="lb2InDiv6"></label><br/>

eval():<label id="lb3InDiv6"></label><br/>

parseInt():<label id="lb4InDiv6"></label><br/>

</div>

</body>

</html>

新建个空本文本文件->把上面代码贴到文本文件中->把TXT后缀名改成HTML

刚学完javascript的函数，正好给你。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7639100.html

怎么制作 HTML静态网页？

发表评论

评论列表（0条）