01-JS(javascript和html的结合方式)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
<!-- javascript与html结合的第一种方式-->
<script type="text/javascript">
function demo(){
alert("demo run......");
}
</script>
<!-- javascript与html结合的第二种方式-->
<script type="text/javascript" src="js/demo.js"></script>
</head>
<body>
<input type="button" value="按钮" onclick="demo()"/>
</body>
</html>
02-JS(变量、运算符)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
var x=3;
x=2154/1000*1000;
x=3.1+2.1;
x=2.1+1.9;
x="heihei";
x="44"+1;
x="34"-1;
x=true+1;
x=false-1;
alert(x);
//在js中查看变量的数据类型
var i=4;
alert(typeof(i));
//在就是中变量不初始化，不会报错，会默认给变量一个undefined的值
</script>
</body>
</html>
03-JS(语句)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
/*if语句
var x=3;
if(x==3){
alert("ok...");
}
else{
alert("no no ");
}
*/
/*switch语句
var x=3;
switch(x){
case 1:
alert("hello");
break;
case 2:
alert("javascript");
break;
case 3:
alert("haha");
break;
default:
alert("没有满足条件的");
}
*/
/*循环语句
var x=4;
while(x>0){
alert(x);
x--;
}
*/
for(var x=0;x<5;x++){
alert(x);
}
</script>
</body>
</html>
04-JS(数组)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
方式一
var arr=[1,24,15,45,4];
for(var x=0;x<arr.length;x++){
alert(arr[x]);
}
方式二
var arr1=new Array(5);
</script>
</body>
</html>
JS(数组练习-99乘法表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
document.write("<table>");
for(var x=1;x<=9;x++){
document.write("<tr>");
for(var y=1;y<=x;y++){
document.write("<td>");
document.write(x+"*"+y+"="+x*y);
document.write("</td>");
}
document.write("<br />");
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
JS(函数)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
/*普通函数*/
function demo(){
var x="a";
if(x=="a"){
alert("ok....");
}
else{
alert("no no no");
}
}
demo();
/*匿名函数*/
var demo=function(){
var x="a";
if(x=="a"){
alert("ok....");
}
else{
alert("no no no");
}
}
demo();
/*动态函数*/
var func = new Function("x","y","alert(x+y)");
func("hello","world");
/*带有参数 无返回值*/
function add(s){
alert("hah");
}
add("a");
/*带有参数 有返回值*/
function add1(s){
return "heihei";
}
alert(add1("a"));
</script>
</body>
</html>
09-JS（内置对象String）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
var str="hello";
alert(str.big());
document.write(str.big());
var result=str.substr(2,3);
var result1=str.substring(2,3);
alert(result);
alert(result1);
</script>
</body>
</html>
10-JS（内置对象Date）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
var d=new Date();
var year=d.getFullYear();
var month=(d.getMonth())+1;
var day=d.getDate();
var weekday=d.getDay();
alert(year+"年"+getMonth(month)+"月"+day+"日"+getWeekDay(weekday));
function getMonth(month){
if(month<10){
return "0"+month;
}
else{
return month;
}
}
function getWeekDay(weekday){
var arr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
return(arr[weekday]);
}
var time="2/17/2014";
var number=Date.parse(time);
//alert(number);
var day=new Date(number);
//alert(day);
alert( day.toLocaleString() );
</script>
</body>
</html>
11-JS（内置对象Array）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
var arr=[1,2,5,4,8,7];
var arr1=["hello","java"];
var result=arr.concat(arr1);
alert(result);
var str=arr.join("*");
alert(str);
</script>
</body>
</html>
12-JS(内置对象-Math)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
for(var x=0;x<5;x++){
var number=parseInt(Math.random()*10+1);
alert(number);
}
</script>
</body>
</html>
13-JS(内置对象-Global、Number)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
var x="3c";
var a=parseInt(x,"16");
alert(a);
var y=60;
alert(y.toString(16));
</script>
</body>
</html>
14-JS(内置对象-arguments)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
function add(a,b){
alert(a+"...."+b);
alert(arguments.legth);
for(var x=0;x<arguments.length;x++){
alert(arguments[x]);
}
}
add(4,5,8,6,6,3,8);
</script>
</body>
</html>
15-JS((为内置对象添加自定义功能)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>博客日志</title>
</head>
<body>
<script>
Array.prototype.getMax=function(){
var max=this[0];
for(var x=0;x<this.length;x++){
if(this[x]>max){
max=this[x];
}
}
return max;
}
var arr=[5,6,6,8,5,8];
alert(arr.getMax());
</script>
</body>
</html>
以上是javascript的基本的用法，需要熟练的掌握！
分享到：
相关推荐
关于Js课上基础案例代码的文件整理，目前更新至7-16.
HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 ...
JavaScript基础知识例子.zipJavaScript基础知识例子.zip
《HTML5+JavaScript动画基础》源代码
JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料，学习资料 01-编程语言.html 02-JS初体验.html 03-JS注释.html 04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-...
javascript基础教程源代码
零基础学JavaScript源代码 有点大，我分了两个卷，要下两部分才能解压
JavaScript学习资料JavaScript基础语法函数及相关源代码资料: BOM基础.pdf BOM基础（源代码）.zip Date对象之获取和设置月份-getMonth&setMonth（教辅）.pdf DOM事件总结（教辅）.pdf DOM事件（ppt）.pdf JavaScripr...
JAVASCRIPT程序设计基础教程课本案例代码
javascript基础教程第八版源代码
Javascript基础教程 文字版 代码可复制
还有写对于javascript对应的知识点案例。每个文件里都会有很多的注释信息，方面阅读和学习。 ...2.每个模块代码都有注释可用来...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。
JavaScript基础教程（第8版) 的全部源代码
零基础学JavaScript源代码 有点大，我分了两个卷，要下两部分才能解压
javascript基础教程丛书 配套代码
javascript基础学习资料，简单的用javascript实现的代码
Javascript基础网页中调用JS代码的几种方法
资源名称：编写可靠的JAVAｓｃｒｉｐｔ代码 测试驱动开发JAVAｓｃｒｉｐｔ商业软件内容简介：《编写可靠的Javaｓｃｒｉｐｔ代码 测试驱动开发Javaｓｃｒｉｐｔ商业软件》分为5个部分：第Ⅰ部分“奠定坚实的基础”...
第2章ArcGIS API for JavaScript基础 2.1ArcGIS API for JavaScript版的Hello World 2.2ArcGIS API for JavaScript与Dojo 2.2.1ArcGIS API for JavaScript的构成 2.2.2ArcGIS API for JavaScript与Dojo的关系 2.3...
1.8 JavaScript的实现基础 1.8.1 ECMAScript 1.8.2 DOM 1.8.3 BOM 1.9 客户端与服务器端脚本 1.10 JavaScript与JScript、 VBScript 1.11 JavaScript与Java、Java applet 1.12 JavaScript的未来如何 1.13 本章小结 第...