JavaScript: JavaScript的简介和入门代码演示

简介:

1.Javascript的发展历史介绍:

  javascript是指的实在网页上编写的编程语言,其主要是控制器html的动态显示效果。HTMl能带来的只是一些基本的页面的风格,而要展示的漂亮使用CSS,但是依然发现整个代码都是固化的。

  javascript的前身是LiveScript,是由网景公司开发的。之所以改名为javascript,是因为当前Java语言的使用非常流行。所谓大树下好乘凉,那么网景公司将其以Java开头。唯一的好处就是,  javascript使用的是标准的编程习惯语言(C、C++、Java、C#)。实际上javascript属于ECMAScript标准。

  但是javascript得发展并不是一帆风顺的,javascript的技术必须是基于浏览器的开发,就是说不同的浏览器版本会有不同的javascript版本的支持。有时这个时候微软很牛X的说了,以后开发中,不要用javascript,这个存在很大的兼容性问题,另外推荐一门优秀的脚本语言:VBScript。结果5年后,VBScript基本消失了.....

  在继续往后,javascript的发展开始超过了设计者本人的预期,设计的技术和业务太大,开发起来很不方便。

  后来由于改良的设计,出现了一个Node.js的编程开发。这个编程开发使用的是javascript作为服务器端编程。

2.编写第一个javascript程序

    javascript是嵌入在HTML代码之中的,可以直接使用<script>元素进行语句的编写。

范例1:直接在HTML中嵌入开发,hello.html文件

复制代码
<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="description" content=hello.html"">
        <meta name="keywords" content="hello,html,js">
        <title>javascript的程序开发</title>
        <script type="text/javascript">
            window.alert("helo world!");
            document.write("<h1>helo world!</h1>");//类似于system.out.println(),表示在页面输出
        </script>
    </head>
    <body>
    </body>
</html>
复制代码

   通过以上代码可以发现,javascript可以放在HTML中的任意位置编写,一般情况都会在其调用前编写。那么同时,有一个最为关键性的问题,javascript可以控制器HTML的元素的输出。

  以上是在HTML文件里面定义了javascript代码,但是此时会出现一个问题:在一般的项目开发当中,javascript开发的代码是非常多的。所以如果将javascript代码直接在HTML文件里面编写,那么就会造成新的问题,页面太长了。基于此,单独建立一个js文件,将所有的javascript代码全部保存在此文件中,其实跟使用CSS代码是一样的方式。

范例2:在js目录中建立一个hello.js文件

hello.js :在此文件中只保留有JS

window.alert("helo world!");
document.write("<h1>helo world!</h1>");//类似于system.out.println(),表示在页面输出

hello.html:在此文件中导入js文件中的代码

复制代码
<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="description" content=hello.html"">
        <meta name="keywords" content="hello,html,js">
        <title>javascript的程序开发</title>
        <script type="text/javascript" src=“js/hello.js”></script>
    </head>
    <body>
    </body>
</html>
复制代码

  以后编写,一定要将JS代码与HTML代码分割,而且一个HTML文件中可以同时导入多个JS文件。

演示下过截图如下:

 

3.总结:

  <1>javascript可以出现在HTML文件的任意位置,一般建议放在<head>元素之中。

  <2>如果做前端页面的开发,除了要掌握设计技术之外,还需要注意每一个HTML文件有一个或者多个处理的JS文件。

 

 

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5821179.html ,如需转载请自行联系原作者
相关文章
|
11天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
27 0
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1月前
|
机器学习/深度学习 前端开发 JavaScript
实用的javascript代码分享
32个史上最有用的js代码
28 1
|
1月前
|
JavaScript 前端开发 C语言
javascript基础入门
javascript基础入门
23 1
|
26天前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
30 1
|
28天前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
28天前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
10 1
|
29天前
|
JavaScript Java
什么?java中居然可以执行js代码了?真是不知者不怪
什么?java中居然可以执行js代码了?真是不知者不怪
13 1
|
29天前
|
JavaScript 前端开发 Python
生成X-Bogus的js代码,通过python调用生成
该文本是一个关于如何解析和执行JavaScript代码的步骤说明。主要内容包括: 1. 找到JavaScript文件的位置。 2. 下载代码并进行格式化。 3. 运行代码时会出现缺少变量错误,需要添加模拟环境的代码。 4. 指出主要的入口函数是`_0x5a8f25`,将其赋值给`window`。 5. 提供了整个JavaScript代码的长串内容。 6. 提供了一个Python脚本,用于调用这个JavaScript函数并处理返回的数据。 总结:这段文本描述了如何处理和运行一个JavaScript文件,以及使用Python来与这个脚本交互的示例。