JavaScript
Posted 武士黄
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript相关的知识，希望对你有一定的参考价值。
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 函数的名称(){
}
<!--
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的主要内容，如果未能解决你的问题，请参考以下文章