码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基础

时间:2016-09-22 06:28:40      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

  今天先归纳关于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="弹出消息框" 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="显示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="请输入显示HelloWord的次数" onclick="showFun(prompt(‘请输入显示HelloWord的次数‘,‘‘))"/>

</body>

</html>

JavaScript基础

标签:

原文地址:http://www.cnblogs.com/BestFeng/p/JavaScrip.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!