欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript基础篇

程序员文章站 2022-12-23 17:13:50
javascript基础篇详情 2019-04-19 简介 定义 javascript是一门动态弱类型的解释型编程语言,增强页面动态效果,实现页面与用户之间的实时动态的交互。 javascript是由三部分组成:ECMAScript、DOM、BOM ECMAScript由ECMA-262定义,提供核 ......

javascript基础篇详情

2019-04-19

简介

定义

  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函数事件例子

<!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>

 

<!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>