首页 > 代码库 > JavaScript基础
JavaScript基础
今天先归纳关于javaScript的知识点。
1、JavaScript的基本结构：
<script type="text/Javascript">
<!--
JavaScript语句;
-->
</script>
2、在网页中引用JavaScript的方式
- 使用<script> </script>标签（这是常用的方式，但这种方式常适用于JavaScript代码较少，并且网站中的每个页面使用JavaScript代码均不相同的情况）
<script type="text/Javascript">
<!--
JavaScript语句;
-->
</script>
- 使用外部JavaScript文件
hello.js文件代码
document.write("使用JavaScript输出Hello World");
document.write("<h1>Hello World</h1>");
export.html文件代码
<html>
<head>
</head>
</html>
- 直接在HTML标签中
<input name="btn" type="button" value="http://www.mamicode.com/弹出消息框" onclick="javascript:alert(‘欢迎你‘);"
3、常用的输入输出
- 警告（alert）
var userName="rose";
var string1="我的名字叫rose";
alert("Hello Word");
alert("我的名字叫rose");
alert(string1);
- 提示（prompt）
var color=prompt("请输入你喜欢的颜色“,”红色”);
4、自定义函数
- 定义函数
function 函数名(参数1,参数2,参数3,....){
javascript语句;
[
return 返回值
]
}
- 调用函数
事件名="函数名()";
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title>无参数——使用函数显示HelloWord多次</title>
<script type="text/javascript">
function showHello(){
for(var i=0;i<5;i++){
document.write("<h2>HelloWord</h2>");
}
}
</script>
</head>
<body>
<input name="btn" type="button" value="http://www.mamicode.com/显示5次HelloWord" onclick="showHello()"/>
</body>
</html>
- 匿名函数
function(cound){
for(var i=0;i<count;i++){
document.write("<h2>HelloWord</h2>");
}
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title>使用匿名函数显示HelloWord多次</title>
<script type="text/javascript">
var showFun=function(count){ //定义变量showFun,保存匿名函数定义的整个句子
for(var i=0;i<5;i++){
document.write("<h2>HelloWord</h2>");
}
}
</script>
</head>
<body>
<input name="btn" type="button" value="http://www.mamicode.com/请输入显示HelloWord的次数" onclick="showFun(prompt(‘请输入显示HelloWord的次数‘,‘‘))"/>
</body>
</html>
JavaScript基础