一个简单的html静态网页 内容不限,程度不限
发布网友
发布时间：2022-04-29 01:57
共2个回答
热心网友
时间：2022-06-28 03:39
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css" media="all">
h1,h2,h3,h4,h5,h6{color:red;}
</style>
<script type="text/javascript" language="javascript">
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=1;var b=2;document.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 = 0; i < getSum.arguments.length; i++){
getSum.sum += getSum.arguments[i];
}
return getSum.sum;
}
function getAcc(){
for (var i = 0; i < getAcc.arguments.length; i++){
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>
<div id="div1" name="全局变量与局部变量">
<h2 id="d1h1">函数内不带var关键字的变量也是全局变量...</h2>
<div id="div1InDiv1">
这是外部全局变量的值：<label id="label1InDiv1OfDiv1"></label><br />
这是内部全局变量的值：<label id="label2InDiv1OfDiv1"></label><br />
</div>
<input type="button" id="d1ipt1" value="查看" onclick="clickIpt1();" />
</div>
<hr />
<div id="div2" name="灵活的参数">
<h2>实参的个数可以多于或少于形参的个数，多出的部分可以用函数对象的arguments属性访问...</h2>
实参个数少于形参个数的情况：<label id="lb1InDiv2"></label><br />
实参个数多于形参个数的情况：<label id="lb2InDiv2"></label><br />
arguments另一个属性arguments.callee()，可用于对匿名函数的自身调用：<label id="lb3InDiv2"></label><br />
<input type="button" id="ipt1InDiv2" value="查看" onclick="chaKanCanShu();" />
</div>
<hr />
<div id="div3" name="函数对象">
<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 />
<div id="div4" name="函数作为数据使用">
<h2>函数作为数据使用</h2>
<h3>使用函数赋值</h3>
函数作为数据赋给变量：<label id="lb1InDiv4"></label><br />
函数作为数据赋给数组元素：<label id="lb2InDiv4"></label><br />
<input type="button" id="btn1InDiv4" value="查看" onclick="chaKanHanShuFuZhi();" /><br />
<h3>匿名函数</h3>
匿名函数的使用：<label id="lb3InDiv4"></label><br />
<input type="button" id="btn2InDiv4" value="查看" onclick="chaKanNiMingHanShu();" />
</div>
<hr />
<div id="div5" name="函数对象的属性和方法">
<h2>函数对象的属性和方法</h2>
<h3>内建属性和方法</h3>
<p>内建属性在以上的arguments处已经说过，且看内建方法：</p><br />
valueOf()与toString()方法功能一样：<br />
<pre><textarea id="p2InDiv5" style="width:100%;height:40px;overflow-y:hidden;"></textarea></pre>
<input type="button" id="btn1InDiv5" value="查看" onclick="chaKanString();" /><br />
apply()与call()功能一样，就是用来调用函数，当然，也可以用来调用自己，此时小心内存溢出：<br />
<label id="lb1InDiv5"></label><br />
<input type="button" id="btn2InDiv5" value="查看" onclick="chaKanCall();" />
<h3>自定义属性和方法</h3>
非静态属性只有当函数被调用了它才存在：<label id="lb2InDiv5"></label><br />
在函数外部给函数属性赋值使它成为静态属性：<label id="lb3InDiv5"></label><br />
自定义方法：<label id="lb4InDiv5"></label><br/>
<input type="button" value="查看" onclick="chaKanZiDingYiShuXing();" />
</div>
<hr />
<div id="div6" name="一些全局函数">
<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/>
<input type="button" id="btn1InDiv6" value="查看" onclick="quanJuHanShu();" />
</div>
</body>
</html>
新建个空本文本文件->把上面代码贴到文本文件中->把TXT后缀名改成HTML
刚学完javascript的函数，正好给你。
热心网友
时间：2022-06-28 03:40
