***************概要***************

1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大写和小写。主要执行在client,用户即使响应用户的操作并进行数据的解析和传递。

2.Javascript和Java并没有太多的关系。仅仅是名字反复了四个字母。

3.Javascript的主要功能是进行数据验证、提供网页特效,动态响应用户的操作,我们提到Javascript也一般会提到jQuery和Ajax。

************Javascript的历史***********

1.它的前身是LiveScript,首次投入使用是在1995年的Netscape的浏览器中。

2.后来微软涉足浏览器市场。导致该市场的前端脚本语言出现了三足鼎立的情况。也让前端的脚本开发变得很混乱。于是。是时候制定一个标准了。

3.1997年,Javascript1.1被提交给ECMA,后来国际标准化组织及国际电工委员会也採纳了该提案,因此。它成了其实的标准,只是它此时的名字叫做ECMAScript。

4.一个完整的Javascript有例如以下三部分组成:内核部分(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

*************第一个Javascript程序***********

1.我知道非常多人学习编程是从helloworld開始的,那我们也从这个经典的helloworld開始把。

2.新建有一个html文件,用编辑器打开,书写例如以下代码:

<html>
<head>
<script>
function xin()
{
alert("Hello world");
}
</script>
</head>
<body>
<button type="button" onclick="xin()">辛星</button>
</body>
</html>

3.保存之后用浏览器打开,然后点击“辛星”button,发现会有一个弹出的对话框,上面书写十个大字"Hello world".

4.通过上面的样例大家也能够看到,我们这里採用的是直接把Javascript代码嵌入到html文件里去。当然,也能够分开写,然后由html文件去导入该Javascript文件。

5.有些老旧的浏览器可能须要在script中增加type ="text/javascript",可是如今已经不须要了,现代浏览器以及HTML5都是默认使用Javascript的。

6.上面我们是定义了一个Javascript的函数,它使用function去定义。其它的部分和其它编程语言就非常相似了,语法上也非常接近Java。

7.我们在body标签中有一个Buttonbutton,它的作用是点击的时候会触发一定的事件,即调用一定的函数,这里的函数就是我们的script中的函数xin。

**************Javascript写在哪*******

1.我们上面是写在了head标签中。事实上还能够写在body标签中。

2.看例如以下代码:

<html>
<head>
<script>
</script>
</head>
<body>
<script>
document.write("<p>博客园辛星</p>");
document.write("<p>传递温情</p>");
</script>
</body>
</html>

3.就像我们导入css文件一样,我们也能够类似的方式导入Javascript文件。比方我们新建一个HTML文件,代码例如以下:

<html>
<head>
<script src = "my.js"></script>
</head>
<body>
<button onclick = "xin()">辛星</button>
</body>
</html>

然后我们在同一文件夹下新建一个my.js文件,内容例如以下:

function xin(){
alert("辛星");
}

然后我们保存该html文件。执行。发现我们点击“辛星”button的时候,会弹出一个“辛星”的对话框。

4.须要记住的是,我们引入的js文件里直接写js代码就能够了,不须要额外的使用什么标签。

************小结*************

1.本小节我们解读了Javascript基础知识。

2.然后,我们开始了第一次js计划,然后,我们解释了一下js书写位置代码。

2014在辛星Javascript口译科的更多相关文章

  1. 2014年辛星Javascript解读第二节

    本小节我们解说一下Javascript的语法,尽管js语言很easy,它的语法也相对好学一些,可是不学总之还是不会的,因此,我们来一探到底把. ********凝视************* 1.我们 ...

  2. 2014年辛星Javascript解读第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******* ...

  3. 2014年辛星Javascript解读第三节

    经过第一节的入门和第二节的运算符.那么接下来我们就能够学习Javascript的函数了,当然了.无论大家之前学习的是什么编程语言.都会有函数的概念,假设大家学的是Pascal,还会有"过程& ...

  4. 2014年度辛星css教程夏季版第六节

    这一节我们就要讲到布局了,其实布局本身特别简单,但是要合理的布好局就不那么简单了,就像我们写文章一样,写一篇文章非常简单,但是要写一篇名著就很难了,这需要我们扎实的功底和对文学的理解,但是,千里之行, ...

  5. 2014年度辛星css教程夏季版第五节

    本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...

  6. 2014年度辛星css教程夏季版第四节

    接下来的这一节我计划讲解的是超链接和列表的样式,然后我们做出一个导航栏出来,其实导航栏是非常常见的,但是我们这里做得这个有点并不那么完善,等我们学完了css之后再完善它. ************** ...

  7. 2014年度辛星css教程夏季版第三节

    第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...

  8. 2014年度辛星css教程夏季版第二节

    第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释***** ...

  9. 2014年度辛星css教程夏季版第一节

    CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. ************* ...

随机推荐

  1. [C++]函数参数浅析

    Date:2014-1-9 Summary: 函数参数相关记录 Contents:1.形参实参 形参:用于接收值的变量被称为形参 实参:传递给函数的值被称为实参 2.函数的参数传递之后2种 a).值传 ...

  2. android之JSON 进行网络数据交换

    什么是JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于阅读和编写,同一时候也易于机器解析和生成,很适合于server与client的交互. J ...

  3. Bean-Query 一个把对象转换为Map的Java工具库

    刚开源了一个经过完整測试的Java工具类. 地址例如以下: https://github.com/Jimmy-Shi/bean-query 使用说明例如以下: Bean-query Click Her ...

  4. 在html中写python代码的语法和特点-----基于webpy的httpserver

    在html文件里写python语法的内容,的注意事项: 1:python程序中的变量通过以下方法传入到html: 1:通过全局变量 :全局变量是不须要用$def with语法实现传递的,仅仅要定义了 ...

  5. spring MVC拦截器01

    spring MVC拦截 作用:身份校验,权限检查,防止非法訪问. 场景:一个bbs系统,用户没有登录就无法发帖或者删除评论; 一个博客系统,没有登录就无法发表博文,无法添加分类,无法删除博文. sp ...

  6. 通用型CRM还是行业型CRM?-定制为王

    大数据时代,怎样利用工具摆脱繁杂的数据管理之苦,洞察有价值的销售信息,是每一个管理者的迫切须要.Zoho  CRM问世10年来,见证了一个个行业客户怎样在CRM帮助下实现了效率和业绩提升.相同,广泛的 ...

  7. zend framework将zip格式的压缩文件导入并解压到指定文件

    html代码 <pre class="php" name="code"><fieldset> <legend>批量导入学生照 ...

  8. poj 1198 hdu 1401 搜索+剪枝 Solitaire

    写到一半才发现能够用双向搜索4层来写,但已经不愿意改了,干脆暴搜+剪枝水过去算了. 想到一个非常水的剪枝,h函数为  当前点到终点4个点的最短距离加起来除以2.由于最多一步走2格,然后在HDU上T了, ...

  9. VB6.0数据库开发五个实例——罗列的总结

    实例一: 系统登录对话框 设计分析:数据库管理系统登录对话框两种基本方法:数据库中建立数据表用于保存系统用户登录信息:支持安全验证的数据库管理系统,可将系统用户定义为数据库用户. 技术要领:1.Ent ...

  10. LaTeX中表格多行显示的最简单设置方法

    这事实上是一个非常easy的问题,可是这两天发现我之前的解决方式太麻烦了.简介一下这样的最简单的方法: 之前设置多行显示的时候,用类似于以下这样的方法进行多行显示: \begin{table} \ne ...