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=" " οnsubmit="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";