JS学习

变量都是var类型  （定义时，注意变量的作用域）

变量和函数用camelCase 

全局变量和常量都是大写

数据类型：String （不要使用new String来创建String 它会拖慢执行速度，并可能产生别的影响）Numeber boolean Array Object Null   未定义的变量undefined

JS内置函数：JSON.parse()将字符串转换为JS对象

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

关于String的操作

charAt()返回指定索引位置的字符charCodeAt()返回指定索引位置字符的 Unicode 值concat()连接两个或多个字符串，返回连接后的字符串fromCharCode()将字符转换为 Unicode 值indexOf()返回字符串中检索指定字符第一次出现的位置lastIndexOf()返回字符串中检索指定字符最后一次出现的位置localeCompare()用本地特定的顺序来比较两个字符串match()找到一个或多个正则表达式的匹配replace()替换与正则表达式匹配的子串search()检索与正则表达式相匹配的值slice()提取字符串的片断，并在新的字符串中返回被提取的部分split()把字符串分割为子字符串数组substr()从起始索引号提取字符串中指定数目的字符substring()提取字符串中两个指定的索引号之间的字符toLocaleLowerCase()根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射toLocaleUpperCase()根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射toLowerCase()把字符串转换为小写toString()返回字符串对象值toUpperCase()把字符串转换为大写trim()移除字符串首尾空白valueOf()返回某个字符串对象的原始值

JS事件：HTML事件发生在html元素上的事情，在html页面上使用js时可以触发html事件

（html事件：html页面加载前/完成 input字段改变时，按钮被点击）

更多详细的事件：https://www.w3cschool.cn/jsref/dom-obj-event.html

JS注释：单行用// 多行用/* */  

JS比较： = 赋值  == 等于 ===绝对等于  && and  || or  ！not 

JS流程：if  if else 三目  if   else if  else  switch(var){ case x: ******;case x: ******; break; default:****;}

/* 现在最近的当前时间 */

<p id="time"></p>

setInterval(function(){time()},1000);
function time(){
var date = new Date();

var time = date.toLocaleTimeString();

//向id是time的标签内写入数据

document.getElementById("time").innerHTML= time;
}
/* 警示框的信息 */

window.alert(5+6);

//图片的切换

function changeImage(){
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="pic_bulboff.gif";
  }
else
   {
  element.src="pic_bulbon.gif";
   }

}

/* 文档已经加载完成后执行document.wirte整个页面将被覆盖  */
document.write(Date());

//表单中的数据内容的验证（非空），还可以判断vars的值是否符合输入的要求

<form name="check" action=" " onsubmit="return submitForm()">
name<input type="text" name="name">
<input type="submit" value="submit">
<script type="text/javascript">
function submitForm(){
var vars = document.forms["check"]["name"].value;
if(vars==null || vars==""){
alert("name must be filled out");
return false;
}
}

JS改变HTML元素的样式

document.getElementById(id).style.property="样式"；

eg:    doumenet.getElementById(id).style.color="black";