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

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

JavaScript 是脚本语言

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

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

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

JavaScript 很容易学习。

您将学到什么

下面是您将在本教程中学到的主要内容。

亲,视频教程请点击这里!

JavaScript:写入 HTML 输出

实例

document.write("<h1> 51rgb网页制作学习网</h1>");

document.write("<p>http://www.51rgb.com</p>");

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

亲,视频教程请点击这里!

JavaScript:对事件作出反应

实例

<button type="button"οnclick="alert('Welcome!')">点击这里</button>

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

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

JavaScript:改变 HTML 内容

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

实例

x=document.getElementById("demo")  //查找元素

x.innerHTML="Hello 欢迎来到51rgb";    //改变内容

亲,视频教程请点击这里!

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

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

您将在本教程的多个章节中学到有关 HTML DOM 的知识。

JavaScript:改变 HTML 图像

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

The Light bulb

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

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

JavaScript:改变 HTML 样式

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

实例

x=document.getElementById("demo")  //找到元素

x.style.color="#ff0000";           //改变样式

亲,视频教程请点击这里!

注:本文转载至51rgb在线教育 http://www.51rgb.com

J网页制作之avaScript 简介相关推荐

  1. 用div和css制作网页,DIVCSS网页设计总结:有用的3个网页制作_css

    网页制作Webjx文章简介:DIVcss网页设计总结:有用的3个网页制作技巧. 我们在进行DivCSS布局的时候,非常关注CSS技巧的学习,今天向大家推荐3个所谓的 "顶级"CSS ...

  2. 计算机网络与网页制作教程,计算机网络与网页制作:Dreamweaver CS5案例教程/高等学校通识教育系列教材简介,目录书摘...

    编辑推荐: 内容简介: 计算机信息技术与网络科技已成为当今大学生必须学习和掌握的文化课程.<计算机网络与网页制作:Dreamweaver CS5案例教程/高等学校通识教育系列教材>将基础理 ...

  3. html文档基本结构由哪三对,第3章 网页制作及HTML语言基本结构简介.ppt

    第三章 网页制作与HTML语言基本结构简介 本章提要 静态网页与动态网页 Dreamweaver MX制作网页 HTML语言的基本结构 3.1网页制作概述 3.1.1静态网页与动态网页 1.静态网页 ...

  4. html语言简介 ppt,网页制作与HTML语言基本结构简介.ppt

    网页制作与HTML语言基本结构简介.ppt 第三章网页制作与HTML语言基本结构简介 本章提要静态网页与动态网页DreamweaverMX制作网页HTML语言的基本结构 3 1网页制作概述 3 1 1 ...

  5. web前端电影项目作业源码 大学生影视主题网页制作电影网页设计模板 学生静态网页作业成品 dreamweaver电影HTML网站制作

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  6. 网页制作代码模板_简单的学生个人网页制作教程

    现在制作个人网页越来越流行,你会发现很多设计师.媒体人.职场人都建立了自己的网站,用来积累粉丝.展示作品.或者找工作.那么不懂技术知识.也没有太多资金的学生,可以建立自己的网站吗? 当然也是可以的!其 ...

  7. html中源文件回车效果无效,网页制作使用教程第2节初级.ppt

    第2章 HTML简介 2.1 HTML文件举例 [例2.1]用HTML制作一个简单的网页(图2.1) ① 用任何文本编辑器(Windows的写字板.书写器.Word等)输入下列文本.图2.1效果图 E ...

  8. php获取页面的可视内容高度,网页制作技巧:获取页面可视区域的高度_css

    文章简介:获取页面可视区域高度,获取页面高度,获取滚动条滚动上去的页面高度. function getWH(){ var wh = {}; "Height Width".repla ...

  9. 网页制作的基本语言html,网页制作基础语言HTML.ppt

    网页制作基础语言HTML 2. 内嵌音频播放插件 通过内嵌音频播放插件可以在浏览器中出现控制面板,也可作为背景音乐.其格式为: [例2-27] 3. IE中的背景音乐 可以插入背景音乐格式,不过只有在 ...

最新文章

  1. 2019年人工智能行业现状与发展趋势报告
  2. HDU2044一只小蜜蜂(递推)
  3. latex subsection_利用LaTeX批量寫作「平安經」
  4. C++编程练习:多态实验——利用抽象类和纯虚函数,编程计算正方体、球体和圆柱体的表面积和体积。
  5. 后端技术:一个注解解决 SpringBoot 接口防刷
  6. idea报Can’t Open Local Terminal
  7. ios开发中计算代码运算时间_理解Unity中的优化(二):内存
  8. python 爬虫框架_Python实战:爬虫框架(6)
  9. Easy-mock让团队协作效率提高不止一点点
  10. Sublime Text3插件管理
  11. 数据库学习笔记6-隔离级别 Serializable
  12. java生成随机验证图片的实现
  13. js获取服务器控件DropDownList所选中的各项属性
  14. recvmsg和sendmsg函数
  15. python解压rar、zip压缩包
  16. 什么是欧代?什么是欧盟代理人?
  17. vue中element国际化语言切换
  18. Warmup 模型训练之标配
  19. ERC721:全生命周期精析,妈妈再也不用担心我不会玩NFT合约啦
  20. Kafka 3.1的KRaft模式里的broker与controller

热门文章

  1. layui 滚动数据_layui 实现table翻页滚动条位置保持不变的例子
  2. spring boot 微服务入门
  3. Simple INF 解析
  4. 算法笔记4.5.2二分扩展:凸多边形的外接圆之最大半径
  5. 360视频:赤道圆柱投影ECP
  6. 华为nova5i计算机在哪,华为nova5i怎么样
  7. 安卓练习----安卓android实现一个石头剪刀布小游戏
  8. 进制转换(C++):十六进制、二进制、十进制(附源代码)
  9. 详细解读【文件系统】
  10. 有趣的8086汇编小程序