初始Javascript

1. Javascript 是一门独立的编程语言,浏览器恰好就是一个Javascript的解释器。Javascript与Java 没有半毛钱关系。

Javascript代码一般存在于HTML中。Javascript的存在形式。

(1)写在head 中;

 (2)写在js文件中,然后再导入一下就好了。

单行注释:  //

多行注释:  /*............*/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        css的代码块放在这里
    </style>
    <script>
        Javascript的代码块放在这里
    </script>
</head>
<body>

</body>
</html>

2. 先来个小程序看一下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>    <script>        alert(123);    </script>

</head>
<body>
    <div>asdf</div>
</body>
</html>

运行结果:点击确定以后,就会出现asdf 了。

3.写在文件中:加入名字叫commons.js <script src=‘js文件路径‘></script>

然后在主程序中引入一下就可以了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="commons.js">
    </script>

</head>
<body>
    <div>asdf</div>
</body>
</html>

运行一下,效果跟上面的一样。

4.写Javascript的时候,最好把Javascript从head移动到body的内容的最下面。先让用户看到页面,再等待动态效果。否则会耗费用户的时间,用户体验不好。

src 属性规定外部脚本文件的 URL。

有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件即可。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>asdf</h1>
    <script>
        alert(123)
    </script>
</body>
</html>

此时的展示效果就是先出来asdf, 然后再出来弹窗。需在IE浏览器中看效果。Google有点问题。

时间: 2025-01-06 22:10:58

初始Javascript的相关文章

初始JavaScript Promises之二

初始JavaScript Promises之二 上一篇我们初步学习了JavaScript Promises,本篇将介绍Promise如何优雅地进行错误处理以及提升操作node.js风格1的异步方法的逼格,没错就是使用promisify2. 异步编程中的错误处理 人性的.理想的也正如很多编程语言中已经实现的错误处理方式应该是这样: try {     var val = JSON.parse(fs.readFileSync("file.json")); }catch(SyntaxErro

初始JavaScript中的模块

模块 模块可以提供一个接口,并且隐藏其中的状态与实现的的函数或者对象,利用模块我们可以完全屏蔽全局变量的使用(全局变量太坑了,55555) 一个小例子 Function.prototype.method = function(name,func){ this.prototype[name] = func; return this; } String.method("def",function(){ var ent = { quot:'""', lt:'<',

Google 地图 API V3 之事件

概述 浏览器中的 JavaScript 是由事件驱动的,这表示 JavaScript 会通过生成事件来响应交互,并期望程序监听感兴趣的事件.Google Maps API V3 的事件模型与 Google Maps API V2 中所使用的事件模型尽管在内在机制上有很大的不同,但两者是十分相似的.有两种类型的事件: 用户事件(如“点击”鼠标事件)是从 DOM 传播到 Google Maps API 中的.这些事件是独立的,并且与标准 DOM 事件不同. MVC 状态更改通知反映了 Maps AP

JS起源

一.初始JavaScript Mosaic是互联网历史上第一个普遍使用和显示图片的浏览器1993年问世. 后来由于商标权转让,原本的开发团队又开发了Netscape Navigetor网景浏览器,也是很多浏览器的前身. JS作为Netscape Navigetor浏览器的一部分首次出现在1996年,最初设计是改善网页的用户体验,作者是Brendan Eich. 起初JS被命名liveScript,后因为跟Son公司合作改名为JavaScript,后来Son公司被Oracle公司收购,所有版权归O

JavaScript基础初始时期分支(018)

Init-Time Branching初始时期分支是一种用做优化的模式.如果某些条件在程序启动后就不再改变,那么我们就只需要在初始时期检查一次就可以了,而不是在每次 需要用到这些条件的时候都检查一次.比如,Javascript经常需要判断运行在哪个浏览器里,这个检查工作通常只需要在初始时期完成就可以了.又如, 假设程序在运行期间需要检查是否支持XMLHttpRequest 对象(Ajax应用时的重要对象),如果运行环境支持,那我们就可以认为程序在运行期间一直都可以使用这个对象. Javascri

JavaScript程序初始

一个简单的JavaScript程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> </style> <script type="text/javascript&q

JavaScript初始

一.JavaScript基础 1.引入方式 <!--1 直接编写--> <script> alert('hello yuan') </script> <!--2 导入文件--> <script src="hello.js"></script>

Javascript中call的使用

call 方法应用于:Function 对象调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,   [,.argN]]]]])参数:thisObj 可选项.将被用作当前对象的对象. arg1, arg2, , argN 可选项.将被传递方法参数序列. 说明:call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象.如果没有提供 thisObj 参数,那么 G

javascript必须知道的知识要点(二)

该文章不详细叙述各知识要点的具体内容,仅把要点列出来,供大家学习的时候参照,或者检测自己是否熟练掌握了javascript,清楚各个部分的内容. 内建对象可划分为数据封装类对象.工具类对象.错误类对象,如下. 数据封装类对象: Number对象 String对象 Boolean对象 Array对象 Object Function 工具类对象: Math对象 Date对象 RegExp对象 错误类对象: Error对象  Number对象 JavaScript 只有一种数字类型.Number,包括