js学习笔记

1.浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）

2.通过html事件触发html函数

html:
<form>
      <input type="button"  value="点击我" οnclick="contxt()" />  
</form>
js:
function contxt() //定义函数
      {
         alert("调用函数了! ");
      }

3.js确认框

var mymessage=confirm("你是女生吗")
if(mymessage==true)
    {
    	document.write("你是女士!");
    }
    else
    {
        document.write("你是男士!");
    }
   
// 返回值: Boolean值
// 当用户点击"确定"按钮时，返回true
// 当用户点击"取消"按钮时，返回false
    

4.用js修改html内容,属性

html:
<h2 id="con">javascript</H2>
js:
  var mychar=document.getElementById("con");
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
  mychar.innerHTML="Hello world";
  mychar.style.color = "red";
  mychar.style.xxx = "newStyle";
  document.write("修改后的标题:"+mychar.innerHTML);
  //html内容会相应改变，类似于动态小程序数据绑定

5.用js隐藏标签

html:
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p> 
    <form>
       <input type="button" οnclick="hidetext()" value="隐藏内容" /> 
       <input type="button" οnclick="showtext()" value="显示内容" /> 
    </form>
js:
        function hidetext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display = "none";
		}  
		function showtext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display = "block";
		}

6.通过js改变类名而改变css

css:
.one{
		border:1px solid #eee;
		width:230px;
		height:50px;
		background:#ccc;
		color:red;
    }
	.two{
		border:1px solid #ccc;
		width:230px;
		height:50px;
		background:#9CF;
		color:blue;
	}
html:
	<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" οnclick="modify()"/>
js:
	   function modify(){
	      var p2 = document.getElementById("p2");
	      p2.className = "two";
	   }

7.搜寻字符串中字符首次出现的下标

js:
  var mystr="Hello World!"
  document.write(mystr.indexOf("o", 5));

8.== 和 ===的关系

x = 5

==	：
	x == 8	false	
	x == 5	true	
	x == "5"	true
===：
	值相等并且类型相等
	x === 5	true	
	x === "5"	false