博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript学习——JavaScript基础
阅读量:6838 次
发布时间:2019-06-26

本文共 1731 字,大约阅读时间需要 5 分钟。

JavaScript 简介

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

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

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

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

JavaScript 很容易学习。

JavaScript是跨平台的

  JavaScript是依赖于浏览器本身的,与操作系统无关。

JavaScript是基于对象和事件驱动的(动态的)

  它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。

JavaScript:直接写入 HTML 输出流

mtimeyu

JavaScript 能够直接写入 HTML 输出流中:

这是一个标题

");document.write("

这是一个段落。

");

您只能在 HTML 输出流中使用 document.write。如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

 

JavaScript:对事件的反应

 
javaScript

我的第一个 JavaScript

JavaScript 能够对事件作出反应。比如对按钮的点击:

 

 

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

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

JavaScript:改变 HTML 内容

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

   
JavaScript

我的第一段 JavaScript

JavaScript 能改变 HTML 元素的内容。

 

经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。

DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。

 

JavaScript:改变 HTML 图像

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

 
博客园mtimeyu

点击灯泡就可以打开或关闭这盏灯

 

以上实例中代码 element.src.match("bulbon") 的作用意思是:检索 <img id="myimage" οnclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> 里面 src 属性的值有没有包含 bulbon 这个字符串,如果存在字符串 bulbon,图片 src 更新为 bulboff.gif,若匹配不到 bulbon 字符串,src 则更新为 bulbon.gif

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

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

 
博客园mtimeyu

我的第一段 JavaScript

JavaScript 能改变 HTML 元素的样式。

 

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

 
博客园mtimeyu

我的第一段 JavaScript

请输入数字。如果输入值不是数字,浏览器会弹出提示框。

简单的介绍了JavaScript 的一些功能和用法 下一篇接着学习JavaScript的用的语法 语句 等等。

转载于:https://www.cnblogs.com/mtime2004/p/9743285.html

你可能感兴趣的文章
【计算几何】点在多边形内部
查看>>
iOS利用代理实现界面跳转
查看>>
(二十一)状态模式详解(DOTA版)
查看>>
MySQL累积求和
查看>>
第五周 Word注释与交叉引用
查看>>
BIND9源码分析之 多个view的情况下如何做dynamic update
查看>>
openssl 证书操作
查看>>
精简版StringBuilder,提速字符串拼接
查看>>
位运算
查看>>
HDU 4708 Rotation Lock Puzzle(模拟)
查看>>
Chapter 6 -- Caches
查看>>
wpf/Silverlight/wp中如何绑定模板中的属性
查看>>
Netty Associated -- Channel
查看>>
vim 配置
查看>>
数据结构与算法实验题6.1 s_sin’s bonus byFZuer
查看>>
C#点点滴滴:枚举enum
查看>>
白盒密码入门
查看>>
在数据仓库建模时,应该使用哪种数据类型的度量值
查看>>
Gradle学习系列之九——自定义Task类型
查看>>
教你如何自定义组件
查看>>