javascript基础

　一、你知道，为什么JavaScript非常值得我们学习吗？

　　1. 所有主流浏览器都支持JavaScript。

　　2. 目前，全世界大部分网页都使用JavaScript。

　　3. 它可以让网页呈现各种动态效果。

　　4. 做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。

　二、易学性

　　1.学习环境无外不在，只要有文本编辑器，就能编写JavaScript程序。

　　2.我们可以用简单命令，完成一些基本操作。

　三、从哪开始学习呢？

　　学习JavaScript的起点就是处理网页，所以我们先学习基础语法和如何使用DOM进行简单操作。

　常用属性：

　　1、decument.write("输出文本");

　　2、alert("警告对话框");

　　3、confirm("确认信息");

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>

　　

　　4、prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

　　

　　5、打开新窗口（window.open）：语法：window.open(<URL>, <窗口名称>, <参数字符串>)

　　例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

　　

　　6、关闭窗口（window.close）用法：window.close(); //关闭本窗口     或      <窗口对象>.close(); //关闭指定的窗口

<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中
   mywin.close();
</script>

　　7、通过ID获取元素：document.getElementById(“id”) 

　　8、innerHTML 属性：innerHTML 属性用于获取或替换 HTML 元素的内容。

　　

　　9、改变 HTML 样式：

　　Object.style.property=new style;

　　注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

　　基本属性表（property）:

　　

　　代码:改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>

　　10、显示和隐藏（display属性）

　　语法：

　　Object.style.display = value

　　注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

　　

　　11、控制类名（className 属性）