提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

2014在辛星Javascript口译科

JavaScript 2014
2023-09-14 09:10:20 时间

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

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书写位置代码。

相关文章