探索JavaScript：基础入门与开发环境详解

69 浏览量更新于2024-08-31 收藏 88KB PDF 举报

JavaScript学习笔记记录了一个开发者探索JavaScript世界的心路历程。JavaScript最初作为LiveScript诞生，后因吸收Java的部分特性改名为JavaScript，简称为JS。它是浏览器端脚本语言，用于在用户界面实时处理交互逻辑，弥补了HTML（标记语言）在处理计算和判断上的不足，提供了动态性和交互性。 JavaScript是解释性语言，无需预编译，这意味着即使存在语法错误，其他部分仍能正常执行，提高了开发效率。在开发环境中，JavaScript通常与Visual Studio (VS)结合，利用其强大的代码提示和智能感知功能，如VS中的jQuery自动完成特性，增强了开发者的编码体验。 JS代码通常嵌入在`<script>`标签中，可以放在`<head>`或`<body>`内，`<head>`中的脚本在页面加载前执行，而`<body>`内的脚本按顺序随页面加载逐个执行。此外，为了代码组织和复用，JavaScript代码可以分离到单独的`.js`文件并通过`<script src>`引用，提高维护性和性能。学习者通过示例展示了如何使用`alert`函数弹出消息，以及如何利用`new Date()`获取当前日期。JavaScript的灵活性体现在它允许在`<a>`标签的`onclick`属性中直接编写JS代码，如点击链接触发弹窗或跳转。通过这些基础知识点，读者可以逐渐理解和掌握JavaScript的核心概念，为进一步学习和开发打下坚实的基础。

JavaScript学习笔记记录我的旅程学习笔记记录我的旅程

1、什么是JavaScript?

(1) HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密

码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能

在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。

(2) JavaScript和Java没有直接的关系，唯一的关系就是JavaScript原名LiveScript，后来吸取了Java的一些特性，升级为

JavaScript，JavaScript有时被简称为JS。

(3) JavaScript是解释性语言，无需编译就可以随时执行，这样哪怕语法有错误，没有语法错误的部分还是能够正确的执行。

JS的开发环境

(1) VS中JavaScript，Jqery的自动完成功能。

(2) JS是非常灵活的动态语言，不像C#等静态语言那样严谨。

JS入门

(1)

代码如下:

alert(new Date().toLocaleDateString());

</script>

(2) JavaScript代码放到<script>标签中，<script>可以放到<head>,<body>等任意位置，而且可以有不止一个<script>标签。

alert函数是弹出消息窗口，new Date()是创建一个Date类的对象，默认值就是当前的时间。

(3) 放到<head>中的<script>在body加载之前就已经运行了，写在body中的<script>是随着页面的加载而一个个的执行的。

(4) 除了可以再页面中声明JavaScript之外，还可以将JavaScript写在单独的JS文件中，然后在页面中引入：<script

src=”common.js” type=”text/javascript”></script>。声明到单独的JS文件的好处是多页面也可以共享，减少网络流量。

事件

(1) <a href=”javascript:alert(‘Hello’)”>点击我</a>

<a href=”javascript:void(0)”>我就不弹出东西</a><br />

(2) JavaScript中也有事件的概念，当按钮被点击的时候

1) <input type=”button” value=”单击我” onclick=”alert(‘终于单击我了’)” />

2) 只有超链接的href中的JavaScript中才需要”JavaScript:”，因为他不是事件，而是把”JavaScript:’看成

像”http:”，”ftp:”，”thunder://”，ed2k://，mailto://一样的网络协议，交由JS解析引擎处理，只有href中这一个特列。

JS变量

(1) JavaScript中既可以使用双引号声明字符串，也可以使用单引号声明字符串，主要是方便和HTML集成，避免转义符的麻

烦。

(2) var i=10; //声明一个变量，名字为i，指向10这个整数，一旦指向10，i就是int类型， alert(i);

(3) JavaScript中有null，underfined两种，null表示变量的值为空，underfined则表示变量还没有指向任何的对象，未初始化。

(4) JavaScript是弱类型，表示变量的时候无法：int i=10.只能通过var i=10;声明变量，和C#中的var不一样，不是C#中的那样

的类型推断。

(5) JavaScript中也可以不用var声明变量，直接用，这样的变量是”全局变量”，因此除非确实想用全局变量，否则使用的时候

最好加上var。

(6) JS是动态类型的，因此var i=10;i=”abc”是合法的。

JavaScript

(1)

代码如下:

var sum = 0;

for (var i = 0; i <= 100; i++) {

sum = sum + i;

}

alert(sum);

(2) 如果JavaScript中的代码有语法错误，浏览器会弹出报错信息，查看报错信息就能帮助排查错误。

(3) JavaScript的调试，使用VS可以很方便的进行JavaScript的调试，调试时需要注意几点：

1) IE的调试选项要打开，Internet选项-高级，去掉”禁用脚本调试”前的勾选。

2) 以调试方式运行界面。

3) 设置断点，监视变量等操作和C#一样。

判断变量初始化

(1) JavaScript中判断变量，参数是否初始化的三种方法。

代码如下:

var r;

if (r == null) { if (typeof (r) == “undefined”) { if (!x) {

alert(“null”); alert(“undefined”); alert(“不X”);

}

注：推荐用最后一种方法

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38656662

粉丝: 2
资源: 898

探索JavaScript：基础入门与开发环境详解

Web前端入门和进阶学习笔记超详细的前端学习图文教程

JavaScript 学习笔记之变量及其作用域

javascript学习笔记(十一) 正则表达式介绍

Javascript基础学习笔记(菜鸟必看篇)

JQuery学习笔记

NetBeans学习笔记

java学习笔记-html-ssh-js

Javasript-Journey:javascript学习日记

javascript 学习之旅 （1）

babydev:学校和学习笔记的入门级项目

最新资源

javascript 学习之旅（1）