javascript基础篇详情

2019-04-19

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

简介

定义

　　javascript是一门动态弱类型的解释型编程语言，增强页面动态效果，实现页面与用户之间的实时动态的交互。

　　javascript是由三部分组成：ECMAScript、DOM、BOM

  • ECMAScript由ECMA-262定义，提供核心语言功能（ECMA是欧洲计算机制造商协会）
  • DOM(Document Object Model)文档对象模型，提供访问和操作网页内容的方法和接口
  • BOM(Browser Object Model)浏览器对象模型，提供与浏览器交互的方法和接口

注释

JavaScript中代码注释：

  • 单行 //
  • 多行 /*  */

变量

  • 可以把变量当成是存储信息的“容器”
  • 与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）
  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
  • 变量名称对大小写敏感（y 和 Y 是不同的变量）
  • 在 JavaScript 中创建变量通常称为"声明"变量。var carname;
  • 变量声明之后，该变量是空的（它没有值）。如需向变量赋值，请使用等号：var carname="came"

对象

  • JavaScript 对象是属性和方法的容器。

function函数事件例子

JavaScript基础篇 随笔 第1张 
<!DOCTYPE html>
<html>    
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
    alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>
View Code

 

JavaScript基础篇 随笔 第3张 
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title></title>
    </head>

    <body>
        <script>
            
            function change(){
                var x=document.getElementById("class");
                x.innerHTML="谢谢";
            }
        </script>

        <div onclick="change(this)" id="class">您好</div>

    </body>

</html>
View Code

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄