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

JavaScript

时间:2019-02-25 16:34:56      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:虚拟机   bom   获取   mode   引用   body   write   运算符和   语言   

JavaScript概述

什么是javascript: JavaScript一种直译式脚本语言,

什么是脚本语言?

java源代码 ----> 编译成.class文件 -----> java虚拟机中才能执行

脚本语言: 源码 -------- > 解释执行

js由我们的浏览器来解释执行

HTML: 决定了页面的框架

CSS: 用来美化我们的页面

JS: 提供用户的交互的

JS的组成:

ECMAScript : 核心部分 ,定义js的语法规范

DOM: document Object Model 文档对象模型 , 主要是用来管理页面的

BOM : Browser Object Model 浏览器对象模型, 前进,后退,页面刷新, 地址栏, 历史记录, 屏幕宽高

 

JS的语法:

变量弱类型: var i = true

区分大小写

语句结束之后的分号 ,可以有,也可以没有

写在script标签

JS的数据类型:
  • 基本类型

    • string

    • number

    • boolean

    • undefine

    • null

  • 引用类型

    • 对象, 内置对象

  • 类型转换

    • js内部自动转换

JS的运算符和语句:
  • 运算符和java 一样

    • "===" 全等号: 值和类型都必须相等

    • == 值相等就可以了

  • 语句和java 一样

JS的输出
  • alert() 直接弹框

  • document.write() 向页面输出

  • console.log() 向控制台输出

  • innerHTML: 向页面输出

 

  • 获取页面元素: document.getElementById("id的名称");

 

JS声明变量:

var 变量的名称 = 变量的值

JS声明函数:

var 函数的名称 = function(){

}

 

function 函数的名称(){

}

 

JS的开发步骤

<!--
1. 确定事件 点击事件
2. 通常事件都会出发一个函数
3. 函数里面通常都会去操作页面元素,做一些交互动作
-->

1         <script>
2             function dianwo(){
3                 //alert("我被点击了");
4                 //1.首先要获得这个div
5                 var div = document.getElementById("div1")
6                 div.innerHTML = "<font color=‘red‘>内容被替换掉了</font>";
7 //                div.innerText = "<font color=‘red‘>内容被替换掉了</font>";
8             }
9         </script>
1     <body>
2         <input type="button" value="点我,修改DIV中的内容" onclick="dianwo()" />
3         
4         <div id="div1">
5             这里的内容一会要被替换掉    
6         </div>
7     </body>

 

JavaScript

标签:虚拟机   bom   获取   mode   引用   body   write   运算符和   语言   

原文地址:https://www.cnblogs.com/samuraihuang/p/10431489.html

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