JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
<script> JavaScript代码内容 </script>
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";
var x = 7; var y = 8; var z = x + y;
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); //不常用