JavaScript入门（一）

几乎所有从事前端的人都要学习JS，为什么呢？有了HTML来给页面提供内容和CSS给页面做修饰，一个界面就建好了，为甚么还要学习JS呢，JS是用来做什么的呢？接下来我就告诉大家我们为什么还要学习JS。

首先，几乎所有的主浏览器都支持JS。其次，目前全世界大部分网页都使用JS然后，JS可以让网页呈现各种动态效果。最重要的是，作为一个Web开发师，如果你想提供漂亮的网页，给予用户满意的上网体验，JS是必不可少的工具。

明白了这些，我们该怎样开始写JS代码呢，写完的代码又该放到哪里去呢？​

JS代码引入方式：

在HTML中添加JS代码一共有两种方式，一种是直接插入，一种是外部连接插入。直接插入很简单，我们只需一步操作，使用标签在HTML网页中插入JS代码，JS代码要放到两对尖括号中间。外部链接，我们可以单独写一个JS文件，保存为.js格式，然后再HTML文件的

中通过src标签引入。例如引入一个script.js文件：”script.js>。

注释：​

最基本的JS语句为document.getElementByIdx_x_x(“ ”);通过获取id值并对其进行一定的操作直接输出在页面上。alert();这个语句是指弹出一个小弹窗，里面显相关内容。

任何一种语言都有特定的注释方法，注释很重要，尤其是在团队合作做项目交接的时候，在JS中，有两种注释方式，一种是单行注释，用双斜杠表示：//。另一种是多行注释用表示，注释内容放在两个星号中间。

变量：

JS中的变量使用中比一般的设计语言要简单易用，不用声明变量类型，一律使用var声明。变量名必须使用字母下划线(_)或美元符($)开始，不能与JS保留字重名。

函数：

函数是完成某个特定功能的一组语句。通过调用可以减少代码的冗余量。基本语法为：

 

function 函数名()

{

     函数代码;

}

需要执行该函数时，只需调用即可，调用方式为：函数名（）；

confirm 确认消息对话框​

用于允许用户做选择的动作。弹出对话框，包括一个确定按钮，一个取消按钮。语法为：confirm（str）;返回值为布尔型。当用户点击确定时，返回true,点击取消时，返回false.请看下面例子：

script type="text/javascript">

    var mymessage=confirm("你喜欢JavaScript吗?");

    if(mymessage==true)

    {   document.write("很好,加油!");   }

    else

    {  document.write("JS功能强大，要学习噢!");   }

 

结果

promp 提问消息对话框​

用于询问一些需要用户交互的信息，弹出消息对话框，包含一个确定按钮，取消按钮，和一个文本输入框。语法为：promp(str1,str2);str1：要显示在消息对话框中的文本，不可修改；str2：文本框内容，可以修改。请看下面实例：

var myname=prompt("请输入你的姓名:");

if(myname!=null)

  {   alert("你好"+myname); }

else

  {  alert("你好 my friend.");  }

结果：

window.open打开窗口

Open()方法可以查找一个已经存在或者新建的浏览器窗口。语法：window.open([url],[窗口名称]，[参数字符串])。url: 在窗口中要显示的网页网址或路径。可以省略，或者使用空值，此时窗口不显示任何文档；窗口名称： 被打开窗口的名称，可以省略。三个特殊含义的名称：1、_top：框架网页中在上部窗口中显示目标网页。2、_blank：在新窗口中显示目标网页。3、_self:在当前窗口中显示目标网页。注意：相同name的窗口只能创建一个，要想创建多个窗口，name不能相同，并且name不能包含空格符；参数字符串：设置窗口参数，各参数用逗号隔开。下面请看参数表和实例：

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