JavaScript 简介

简介: JavaScript 简介

JavaScript 简介

JavaScript广泛的在手机,电脑,服务器上使用,它用于web和html,是互联网上非常流行的脚本语言。

那么JavaScript是什么样的语言呢。

  • JavaScript学习起来非常简单上手。
  • JavaScript配合html网页,可以在浏览器上面运行展示。
  • JavaScript是一门轻量级的编程语言。

那么怎样直接HTML 输出流呢?

举例说明:

document.write("<p>段落内容。</p>");
document.write("<h2>标题内容</h2>");

注意: 如果我们在文档加载之后使用document.write方法,会覆盖掉整个文档的内容的,所以document.write只能在html的输出上使用。

那么JavaScript是怎样处理事件的呢?

举例说明:

<button type="button" onclick="alert('你好啊。')">按一下。</button>

onclick属性表示的就是按钮被点击之后的行为。

那么如何更改html上的内容呢?

举例说明:

t=document.getElementById("test"); 
t.innerHTML="my name is test";

我们可以使用document.getElementById("some id")来查找html中的元素,再通过innerHTML来修改这个元素在html上的内容。

那么如何在html上更改图片呢?

举例说明,我们动态的设置的图片:

<script>
function changePic()
{
    element=document.getElementById('testImage')
    if (element.src.match("testbulbon"))
    {
        element.src="/images/test.gif";
    }
    else
    {
        element.src="/images/test.gif";
    }
}
</script>
<img decoding="async" loading="lazy" id="testImage" onclick="changePic()" src="/images/test.gif" width="100" height="223">

那么怎样验证html中的输入内容呢?

我们可以加上一些正则来判断输入的内容是否正确,比如是否输入空的,或者是否是isNan等。
举例说明:

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
    alert("不是数字");
}

那么ECMAScript有哪些 版本呢?

年份 名称 描述
1997 ECMAScript 1 第一个版本
1998 ECMAScript 2 版本变更
1999 ECMAScript 3 添加正则表达式, 添加 try/catch
ECMAScript 4 没有发布
2009 ECMAScript 5 添加 "strict mode",严格模式, 添加 JSON 支持
2011 ECMAScript 5.1 版本变更
2015 ECMAScript 6 添加类和模块
2016 ECMAScript 7 增加指数运算符 (**) 增加 Array.prototype.includes

注意: ECMAScript 6 也称为 ECMAScript 2015。ECMAScript 7 也称为 ECMAScript 2016。

相关文章
|
4月前
|
JSON JavaScript 前端开发
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
102 0
|
4月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
122 0
|
4月前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
67 0
|
4月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(上)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
140 0
|
1月前
|
存储 移动开发 JavaScript
JavaScript简介及示例
JavaScript简介及示例
|
1月前
|
JavaScript 前端开发
JavaScript 简介
JavaScript 简介
28 0
|
2月前
|
前端开发 JavaScript 安全
JavaScript进阶-JavaScript库与框架简介
【7月更文挑战第11天】JavaScript库和框架加速Web开发,但也带来挑战。选择适合项目、团队技能的库或框架,如React、Angular、Vue,是关键。保持依赖更新,注意性能优化,避免过度依赖。遵循最佳实践,确保安全性,如防XSS和CSRF。学习基础,结合代码示例(如React计数器组件),提升开发效率和应用质量。
51 1
|
2月前
|
资源调度 JavaScript 前端开发
JavaScript进阶 - JavaScript库与框架简介
【7月更文挑战第5天】JavaScript库和框架构成了前端开发的核心,如jQuery简化DOM操作,Angular、React和Vue提供全面解决方案。选择时要明确需求,避免过度工程化和陡峭学习曲线。使用版本管理工具确保兼容性,持续学习以适应技术变化。示例展示了jQuery和React的简单应用。正确选择和使用这些工具,能提升开发效率并创造优秀Web应用。
41 2
|
2月前
|
JavaScript 前端开发
JavaScript 简介
【7月更文挑战第1天】JavaScript 简介。
33 1
|
3月前
|
JSON JavaScript 前端开发
JavaScript 简介
JavaScript 简介
25 1