2014在辛星Javascript口译科
***************概要***************
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口译科的更多相关文章
- 2014年辛星Javascript解读第二节
本小节我们解说一下Javascript的语法,尽管js语言很easy,它的语法也相对好学一些,可是不学总之还是不会的,因此,我们来一探到底把. ********凝视************* 1.我们 ...
- 2014年辛星Javascript解读第四节 流程控制语句
上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******* ...
- 2014年辛星Javascript解读第三节
经过第一节的入门和第二节的运算符.那么接下来我们就能够学习Javascript的函数了,当然了.无论大家之前学习的是什么编程语言.都会有函数的概念,假设大家学的是Pascal,还会有"过程& ...
- 2014年度辛星css教程夏季版第六节
这一节我们就要讲到布局了,其实布局本身特别简单,但是要合理的布好局就不那么简单了,就像我们写文章一样,写一篇文章非常简单,但是要写一篇名著就很难了,这需要我们扎实的功底和对文学的理解,但是,千里之行, ...
- 2014年度辛星css教程夏季版第五节
本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...
- 2014年度辛星css教程夏季版第四节
接下来的这一节我计划讲解的是超链接和列表的样式,然后我们做出一个导航栏出来,其实导航栏是非常常见的,但是我们这里做得这个有点并不那么完善,等我们学完了css之后再完善它. ************** ...
- 2014年度辛星css教程夏季版第三节
第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...
- 2014年度辛星css教程夏季版第二节
第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释***** ...
- 2014年度辛星css教程夏季版第一节
CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制. ************* ...
随机推荐
- 30分钟快速掌握AngularJs
[后端人员耍前端系列]AngularJs篇:30分钟快速掌握AngularJs 一.前言 对于前端系列,自然少不了AngularJs的介绍了.在前面文章中,我们介绍了如何使用KnockoutJs来 ...
- js动态添加Div
利用JavaScript动态添加Div的方式有很多,在这次开发中有用到,就搜集了一下比较常用的. 一.在一个Div前添加Div <html> <body> <div id ...
- 解决编译apache出现的问题：configure: error: APR not found . Please read the documentation - ____哊.時^随记 - 51CTO技术博客
解决编译apache出现的问题:configure: error: APR not found . Please read the documentation - ____哊.時^随记 - 51CTO ...
- 连载：面向对象葵花宝典：思想、技巧与实践（28） - 设计原则：内聚&耦合
前面通过实例解说了一个一环扣一环的面向对象的开发流程:用例模型 -> 领域模型 -> 设计模型(类模型 + 动态模型),解答了面向对象怎样做的问题.接下来我们就要讲"怎样做好面向 ...
- OC对象创建过程
在利用OC开发应用程序中,须要大量创建对象,那么它的过程是什么呢? 比方:NSArray *array = [[NSArrayalloc] init]; 在说明之前,先把OC的Class描写叙述一下: ...
- expression:stream!=NULL
如果fopen()后返回的是NULL:就不能调用fclose()了: 用fopen()获得的文件句柄不是NULL,那么就需要用fclose()来关闭它.如果是NULL则不需要 null就表示你打开文件 ...
- CreateThread、_beginthreadex和AfxBeginThread 的区别
CreateThread._beginthreadex和AfxBeginThread 创建线程好几个函数可以使用,可是它们有什么区别,适用于什么情况呢?参考了一些资料,写得都挺好的,这里做一些摘抄和整 ...
- 【Android每周专题】触摸屏事件
本系列文章均为A2BGeek原创,转载务必在明显处注明: 转载自A2BGeek的[Android每周专题]系列,原文链接:http://blog.csdn.net/benbmw2008/article ...
- adbetj657k
http://www.zhihu.com/collection/24337307 http://www.zhihu.com/collection/24337259 http://www.zhihu.c ...
- c#抓取动态页面WebBrowser
在ajax横行的年代,很多网页的内容都是动态加载的,而我们的小爬虫抓取的仅仅是web服务器返回给我们的html,这其中就 跳过了js加载的部分,也就是说爬虫抓取的网页是残缺的,不完整的,下面可以看下博 ...