░░░░░░░░░ JavaScript新手初学入门知识语法教程 ░░░░░░░░░

什么是JavaScript

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript,JS

JavaScript语法结构

<script>
    JavaScript代码内容
</script>

JavaScript代码内容中,“”与‘’不分;

JavaScript对象

真实生活中的对象、属性和方法在真实生活中,汽车是一个对象。汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法。


【一、系统对象】

系统中时间等是系统中自带的对象,直接调用即可。


【二、获取DOM对象】

<div id="divId001">ecomcn001</div>
<div class="class001">ecomcn002</div>
<div class="class001">ecomcn003</div>

<script>

// getElementsByTagName获取<>标签对象
var divS = document.getElementsByTagName("div");
for(i=0; i<divS.length; i++){
	divS[i].style.color="blue";
}

// getElementsByClassName获取class类对象
var divClass = document.getElementsByClassName("class001");
for(i=0; i<divClass.length; i++) {
	divClass[i].style["font-size"]=30+"px";
}

// getElementById获取单个id节点对象
var divId001 = document.getElementById("divId001");
divId001.style.background="red";

</script>


【三、声明对象】

var car = {type:"porsche", model:"911", color:"white"};


// 创建直接的实例
person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

JavaScript声明变量

var x = 7;
var y = 8;
var z = x + y;

JavaScript输出内容

JavaScript 能够以不同方式“显示”数据:

一、使用 alert() 写入警告框,经常用于程序调试;

二、使用 document.write() 写入HTML输出(是直接将内容写入页面的内容流,会导致页面全部重绘。如页面有初始内容,点击页面中的按钮向页面中通过document.write()方法写入内容,会发现原先的初始内容消失了,整个页面只剩下了通过write()方法写入的内容。原因是整个页面进行了重绘。);

三、使用  innerHTML=""  写入HTML 元素(将内容写入某个DOM节点,不会导致页面全部重绘。);

四、使用 console.log() 写入浏览器控制台,不常用。

alert(5 + 6);       //常用于程序调试
document.write(5 + 6);       //不常用
document.getElementById("demo").innerHTML = 5 + 6;       //常用
console.log(5 + 6);       //不常用