javascript教程
2013-11-14 15:50
393 查看
<html>
<head>
<title>
</title>
<script src="my.js">//外部js文件倒入。
</script>
</head>
<body>
javascript<br>
<div id="demo"></div>
<button type="button" onclick="bfun()">try it</button>
<script >
alert("my first javaScript");//弹出提示窗口
document.write("<h1>this is a heading</h1>");
document.write("<p>this is \ a paragraph</p>");
document.write("<img src='/F:/1.jpg'/>");//在页面加载时向 HTML 的 <body> 写文本
function bfun(){
//函数的调用
mymain();
//用document.getElementById获取div的使用权
//用innerHTML向html中的div插入html语句
document.getElementById("demo").innerHTML="my first javaScript,I am fun <img src='/F:/1.jpg'/>";
}
function mymain(){
alert("my first javaScript");//弹出提示窗口
var x=1;//变量定义
var y=9;
var z=x+y;
var carname1="bill gates";//" "与' '之间的字符串显示是一样的
var carname2='bill gates';
var answer1="nice to meet you!";
var answer2="he is called 'bill'";//显示原样显示'bill'
var answer3='he is called "bill"';//显示"bill"
document.write(carname1+"<br>");
document.write(carname2+"<br>");
document.write(answer1+"<br>");
document.write(answer2+"<br>");
document.write(answer3+"<br>");
alert(z);
//数组的定义
var i;
var cars=new Array();
cars[0]="Audi";
cars[1]="bmw";
cars[2]="volvo";
for(i=0;i<cars.length;i++){
document.write(cars[i]+"<br>");
}
}
//创建对象的几种常用方式
//工厂方式
var lev=function(){
retirm "啊打";
};
function parent1(){
var child=new Object();
child.name="李小龙";
child.age="38";
child.Iev=lev;
return cvhild;
}
var x=partent1();
alert(x.name):
alert(x.lev());
//构造函数
var lev=function(){
return "啊打";
};
function parent(){
this.name="李小龙";
this.age="38"
this.lev=lev;
}
var x=new parent();//创建一个新的对象
alert(x.name);
alert(x.lev());
//对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
//对象 (person) 有三个属性:firstname、lastname 以及 id
var person={
firstname:"bill";
lastname:"gates";
id :5566;
}:
document.write(person.lastname+"<br />");
document.write(person.lastname+"<br />");
var ja;
var car="java";
document.write(ja+"<br>")://undefined这个值表示变量不含有值
document.write(car+"<br>");//可以通过 将变量的值设置为null来清空变量
var car=null;
document.write(car+"<br>"):
</script>
</body>
</html>
<head>
<title>
</title>
<script src="my.js">//外部js文件倒入。
</script>
</head>
<body>
javascript<br>
<div id="demo"></div>
<button type="button" onclick="bfun()">try it</button>
<script >
alert("my first javaScript");//弹出提示窗口
document.write("<h1>this is a heading</h1>");
document.write("<p>this is \ a paragraph</p>");
document.write("<img src='/F:/1.jpg'/>");//在页面加载时向 HTML 的 <body> 写文本
function bfun(){
//函数的调用
mymain();
//用document.getElementById获取div的使用权
//用innerHTML向html中的div插入html语句
document.getElementById("demo").innerHTML="my first javaScript,I am fun <img src='/F:/1.jpg'/>";
}
function mymain(){
alert("my first javaScript");//弹出提示窗口
var x=1;//变量定义
var y=9;
var z=x+y;
var carname1="bill gates";//" "与' '之间的字符串显示是一样的
var carname2='bill gates';
var answer1="nice to meet you!";
var answer2="he is called 'bill'";//显示原样显示'bill'
var answer3='he is called "bill"';//显示"bill"
document.write(carname1+"<br>");
document.write(carname2+"<br>");
document.write(answer1+"<br>");
document.write(answer2+"<br>");
document.write(answer3+"<br>");
alert(z);
//数组的定义
var i;
var cars=new Array();
cars[0]="Audi";
cars[1]="bmw";
cars[2]="volvo";
for(i=0;i<cars.length;i++){
document.write(cars[i]+"<br>");
}
}
//创建对象的几种常用方式
//工厂方式
var lev=function(){
retirm "啊打";
};
function parent1(){
var child=new Object();
child.name="李小龙";
child.age="38";
child.Iev=lev;
return cvhild;
}
var x=partent1();
alert(x.name):
alert(x.lev());
//构造函数
var lev=function(){
return "啊打";
};
function parent(){
this.name="李小龙";
this.age="38"
this.lev=lev;
}
var x=new parent();//创建一个新的对象
alert(x.name);
alert(x.lev());
//对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
//对象 (person) 有三个属性:firstname、lastname 以及 id
var person={
firstname:"bill";
lastname:"gates";
id :5566;
}:
document.write(person.lastname+"<br />");
document.write(person.lastname+"<br />");
var ja;
var car="java";
document.write(ja+"<br>")://undefined这个值表示变量不含有值
document.write(car+"<br>");//可以通过 将变量的值设置为null来清空变量
var car=null;
document.write(car+"<br>"):
</script>
</body>
</html>
相关文章推荐
- [置顶] 百度地图JavaScript开发入门教程
- JavaScript操作HTML DOM节点的基础教程
- JavaScript教程--从入门到精通(三)
- JavaScript高级教程
- javascript : spket 视频教程
- JavaScript 参考教程
- JavaScript强化教程——sessionStorage和localStorage
- Javascript经典小教程总结
- JavaScript教程之快速入门
- javascript面向对象程序设计高级特性经典教程(值得收藏)
- JavaScript强化教程-cookie对象
- JavaScript正则表达式简明教程(二)
- JavaScript教程--从入门到精通(1)
- JavaScript教程
- JAVA AJAX教程第五章―DOM和JAVASCRIPT深入(上)
- JavaScript强化教程 -- cocosjs场景切换
- JavaScript 内存泄漏教程
- JavaScript强化教程——jQuery 核心
- javascript教程Javascript循环语句
- JavaScript视频教程