[JavaScript] 泛·易·简:JS 简介

简介:

脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

写入 HTML 输出

示例:

<span style="font-size:18px;"><span style="font-family:SimSun;font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");</span></span></span></span></span>

提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

对事件作出反应

示例:
<span style="font-size:18px;"><span style="font-family:SimSun;font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><button type="button" onclick="alert('Welcome!')">点击这里</button></span></span></span></span></span>

alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

onclick 事件只是您即将在本教程中学到的众多事件之一。

改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

示例:

<span style="font-size:18px;"><span style="font-family:SimSun;font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容</span></span></span></span></span>

改变 HTML 图像

动态地改变 HTML <image> 的来源 (src):

The Light bulb     (例子未加入)

JavaScript 能够改变任意 HTML 元素的大多数属性,而不仅仅是图片。

改变 HTML 样式

改变 HTML 元素的样式,属于改变 HTML 属性的变种。

示例:

<span style="font-size:18px;"><span style="font-family:SimSun;font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式</span></span></span></span></span>

验证输入

JavaScript 常用于验证用户的输入。

示例:

<span style="font-size:18px;"><span style="font-family:SimSun;font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">if isNaN(x) {alert("Not Numeric")};</span></span></span></span></span>

学习小结

JavaScript 是属于网络的脚本语言!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。

JavaScript 很容易使用!你一定会喜欢它的!

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

以上关于JavaScript的介绍,算是这些天来对JS的一个初步认识吧!対于JS的学习颇为喜欢,感觉是一种很强大的语言,対于接下来的学习,我会继续,以便于做以积累和整理,为今后的学习奠定基础。











目录
相关文章
|
27天前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
15天前
|
存储 JavaScript NoSQL
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
44 9
|
1月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
1月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
2月前
|
人工智能 JavaScript 前端开发
使用Node.js模拟执行JavaScript
使用Node.js模拟执行JavaScript
28 2
|
2月前
|
消息中间件 JavaScript 前端开发
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
50 1
|
2月前
|
移动开发 JavaScript 前端开发
【JavaScript】JS执行机制--同步与异步
【JavaScript】JS执行机制--同步与异步
25 1
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
127 1
|
3月前
|
JavaScript 前端开发
JavaScript简介
JavaScript简介
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具