js入门篇

航帆继续梦想

于 2019-05-11 14:39:47 发布

阅读量212

点赞数

分类专栏： it html js 文章标签： JS 基础

it html js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

如何插入JS
把JavaScript代码写在之间。
在这里插入图片描述
代码如下：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
        <title>插入js代码</title>
        <script type="text/javascript">
        document.write("开启JS之旅!");
    </script>
    </head>
    <body>
    </body>
</html>

引用JS外部文件:
在这里插入图片描述
JavaScript-注释很重要
单行注释，在注释内容前加符号 “//”。
多行注释以"/**"(多了个*)开始，以"*/"结束。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隐藏的注释</title>
 <script type="text/javascript">
    document.write("神奇的JS,快把我们隐藏了!"); // 快快把我变成单行注释
    /*知道吗
    JS可以实现很多动态效果
    快来学习吧!*/
 </script>
</head>
<body>
</body>
</html>

JavaScript-什么是变量：
什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子，为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。
在这里插入图片描述
定义变量使用关键字var,语法如下：
var 变量名
变量名可以任意取名，但要遵循命名规则:

1.变量必须使用字母、下划线(_)或者美元符($)开始。

2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

3.不能使用JavaScript关键词与JavaScript保留字。

变量要先声明再赋值，如下：

var mychar;
mychar="javascript";
var mynum = 6;

变量可以重复赋值，如下：

var mychar;
mychar="javascript";
mychar="hello";

做个小任务：
定义一个名为mynum变量，并赋值为8。
注意:该任务没有输出结果，只是定义变量和赋值。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变量</title>
<script type="text/javascript">
 var mynum = 8;
 document.write(mynum);
</script>
</head>
<body>
</body>
</html>

JavaScript-判断语句（if…else）
语法:
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，否则不是成年人。代码表示如下:

<script type="text/javascript">
   var myage = 18;
   if(myage>=18)  //myage>=18是判断条件
   { document.write("你是成年人。");}
   else  //否则年龄小于18
   { document.write("未满18岁，你不是成年人。");}
</script>

JavaScript-什么是函数：函数是完成某个特定功能的一组语句。如没有函数，完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。
如何定义一个函数呢？基本语法如下:unction 函数名() { 函数代码; }
说明:

function定义函数的关键字。
"函数名"你为函数取的名字。
"函数代码"替换为完成特定功能的代码。
我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下：

function add2(){
   var sum = 3 + 2;
   alert(sum);
}

实例:网页中有一按钮(名字"点击我")，当点击按钮后调用函数contxt(),弹出对话框"哈哈，调用函数了!"。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
   <script type="text/javascript">
       function contxt() //定义函数
      {
         alert("哈哈，调用函数了!");
      }
   </script>
</head>
<body>
   <form>
      <input type="button"  value="点击我" onclick="contxt()" />  
   </form>
</body>
</html>

航帆继续梦想

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js入门篇

如何插入JS把JavaScript代码写在之间。代码如下：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> <title>插入js代码<...
复制链接

扫一扫