首页 > 编程语言 > 详细

JavaScript笔

时间:2019-12-11 16:14:52      阅读:82      评论:0      收藏:0      [点我收藏+]

一.作用:

    1.客户端表单验证,减轻服务器端压力

    2.制作页面动态特效

二.特点:

    1.主要用于向HTML页面中添加交互行为

    2.是一种脚本语言

    3.一般用来编写客户端脚本

    4.是一种解释性语言,边执行边解释

三.结构组成:

    1.ECMAScript:是一种开发的、国际上广为接受的、标准的脚本语言规范,它不与任何具体浏览器绑定。

     ECMAScript标准主要描述以下内容:

                     。语法

                     。变量和数据类型

                     。运算符

                     。逻辑控制语句

                     。关键字、保留字

                     。对象

    2.BOM:即Browser Object Model(浏览器对象模型)的缩写

        它提供了可独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互

    3.DOM:Document Object Model(文档对象模型)缩写

        是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。

四.JavaScript 的基本结构:

 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>初学JavaScript</title>
</head>
<body>
<script type="text/javascript">
    document.write("<h1>你好</h1>");
</script>
</body>
</html>

  document.write()用来向页面输出可以包含HTML标签的内容

五.JavaScript页面的引用:

          1.内部JavaScript文件

          2.外部JavaScript文件

          3.直接在标签中使用

  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        h2{
            font-size: 20px;
        }
    </style>
</head>
<body>
<div id="btn">
    <h2>javascript</h2>
    <p>学习</p>
</div>
<script type="text/javascript" src="js/index2.js"></script>
<!--这是行内js-->
<p onclick="javascript:alert(‘行内‘);"></p>
<!--外部js-->
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert(‘你好 JavaScript ‘)"/>
<!--标签js-->
<script type="text/javascript">
    alert("aaaaaaaaaa");
</script>
</body>
</html>

六.JavaScript基础语法:

  1.变量的声明和赋值:

  。JavaScript是一种弱类型语言,没有明确的数据类型。在声明变量时,不需要指定变量的类型,变量类型由赋给变量的值决定。变量使用关键字var声明。

  。“合法的变量名”:“合法的变量名”遵循JavaScript变量名规则的变量名,变量名可以由数字、字母、下划线和$符号组成,但首字母不能为数字,且不能用关键字命名

  。变量赋值用三种:

        a.先声明再变量

        b.同时声明和赋值变量

        c.不声明直接赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script type="text/javascript">
    //1.声明:告诉计算机,你要给我开辟一块内存空间
    var score;
    // 2.赋值:把10赋值给变量score
    score=20;
    //3.使用   +:连接
    // document.write("成绩是:"+score);
    //3.使用
    document.write(score+10+"成绩增加10之后是:+<br/>");
    //声明,赋值一起写
    var width=100;

    var height=10,num=20,age=18;

    document.write("身高:"+height+"<br/>");
    document.write("数字:"+num+"<br/>");
    document.write("年龄:"+age+"<br/>");

    var gender="";
    document.write("性别:"+gender+"<br/>");

    var i,j,k=15;
    document.write("i:"+i+"<br/>");


</script>

</body>
</html>

  2.数据类型:

  

JavaScript笔

原文:https://www.cnblogs.com/Aaron-Feng/p/12022788.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!