JavaScript学习笔记(一)------摘自w3school

最新推荐文章于 2021-07-13 15:35:34 发布
最新推荐文章于 2021-07-13 15:35:34 发布
阅读量734 收藏
点赞数
分类专栏： Web 文章标签： JavaScript

1. JavaScript：写入 HTML 输出:document.write("<p>This is a paragraph</p>");

只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法(比如在函数中)，会覆盖整个文档。

2. JavaScript：改变 HTML 内容: 

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容
您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。
DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。
3.JavaScript：改变 HTML 图像: 
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="/i/eg_bulboff.gif";
  }
else
  {
  element.src="/i/eg_bulbon.gif";
  }
}
</script>
<img id="myimage" οnclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>

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

4.JavaScript：改变 HTML 样式:改变 HTML 元素的样式，属于改变 HTML 属性的变种。

x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式

5.JavaScript：验证输入 

if isNaN(x) {alert("Not Numeric")};

坤哥玩csdn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS小练习---开关灯泡
gabby____的博客
08-10 1425
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;script&gt; function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/i/eg_bulb...
w3c js笔记
yehuobumie1995的博客
07-22 521
Document.write +内部标签 Onchick事件onchick=”alert(‘something’)”   //动态修改文字 X=document.getElementById(‘demo’)//DOM中定义 X=innerHTML=”something”;   //动态修改图片 Element=document.getElementById(‘something’)
W3c学习笔记——JS基础
AloneDonkey的专栏
09-02 722
JStypeof：typeof 用来检测变量的数据类型 那么问题就来了，js有哪些数据类型呢？ JS中有5种数据类型：string；number；Boolean；object；function；                3种对象类型:object;Array;Date;                2种不包含任何值的数据类型：null、undefined； 我们在js中要运用到正
（W3C学习笔记）WWW 初级教程
flhshlcxa的专栏
03-21 736
WWW 初级教程 Previous Page Next Page 什么是 WWW？ 它如何工作？ 什么是浏览器？ 什么是服务器？ 什么是 WWW？ WWW 指万维网（World Wide Web）万维网常被称为WebWeb 是由遍布全球的计算机所组成的网络所有 Web 中的计算机都可以彼此通信所有这些计算机都使用名为 HTTP 的通信标准
关于DOM的w3c文档学习笔记总结
weixin_53893220的博客
07-13 334
HTML DOM（文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过 HTML 对象选择器查找 HTML 对象 本例查找 id=“frm1” 的 form 元素，在 forms 集合中，然后显示所有元素值，包含在 document.elements中，通过x.elements[i].value来调用，比如一个个input输入的值 DOM动画 应该通过 style = “position: relative” 创建容器元素。 应该通过 styl
轻松学习JavaScript四：JS点击灯泡来点亮或熄灭这盏灯的网页特效映射出JS在HTML中作用
life is wonderful
11-18 1万+
我们开始解释JS在HTML中作用。对于因特网和视窗操作系统，JavaScript都意味着未来。        (1)JavaScript：写入HTML输出        实例代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
JavaScript 用法
02-11 113
JavaScript用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 &l...
JavaScript之点击改变图片
i_m_jack的博客
12-17 2887
if (element.src.match(“bulbon”)) 这边的“bulbon”是什么意思？ if (element.src.match(“bulbon”)) 这边的“bulbon”是什么意思？ 具体代码： &lt;script&gt; function changeImage() { element=document.getElementById('myimage') if (eleme...
js基础
huangweiloveyou的专栏
08-21 465
输出语句 document.write("This is a heading"); document.write("This is a paragraph"); 事件 点击这里 改变元素的样式 x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式 inn
点击灯泡点亮熄灭灯
qq_40698243的博客
06-06 883
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;body&gt;&lt;script&gt;function changeImage(){element=document.getElementById('myimage')if (element.src.match("bulbon")) { element.src="/i/eg_bulboff.gif"; }else...
JavaScript：改变 HTML 内容
06-01 158
 使用 JavaScript 来处理 HTML 内容是非常强大的功能。 实例 x=document.getElementById("demo") //查找元素 x.innerHTML="Hello JavaScript"; //改变内容 亲自试一试 您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定
.NET JavaScript点亮灯泡以及新建js文件作为外部代码
速冻的博客
04-02 261
先两个灯泡挂这作为素材 首先 灯泡插入.net ，上篇有说过 1.插入灯泡 <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif"/> 2.插入按钮 <button type="button" onclick = "changeImage()" > 开灯</bu...
W3C笔记－CSS巧妙设置table边框border的样式
热门推荐
student4java的专栏
12-08 1万+
<br />CSS巧妙设置table边框border的样式<br />虽然这个也不是什么新鲜话题了，但发现还有很多人不会用，作个记录，顺便简化下样式，供大家直接复制使用吧～！<br />其实也挺简单的，为了使上、下、左、右边框设置不重复，只需将它们分开设置。table标签样式设置left,bottom;td标签设置right,top。<br />具体操作如下：<br />首先，定义全局样式，stlye中写入table及td的边框样式：<br /><style type="text/css"><br />ta
动态切换图片（改变src属性值）
玫瑰余香20100615的专栏
08-21 2729
动态改变HTML图像(动态改变的src属性值 /*function imageChange() { img = document.getElementById('imgChang') if(img.src.match("bulboff")){ img.src = "images/eg_bulbon.gif" } else { img.src = "images/eg_bu
JavaScript 教程+代码 （上）
王佳龙的博客
07-25 313
目录 一、JavaScript 简介     三、JavaScript 输出 二、JavaScript 使用     四、JavaScript 语句 一、JavaScript 简介   JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaS...
js学习笔记
yky__xukai的博客
01-05 176
HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 JavaScript：直接写入 HTML 输出流 写在body里面 document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落。</p>"); JavaScript：对事件的反应 通过对按钮的点击 al...
js xuexi
weixin_30432007的博客
10-28 100
今天学了很多东西，感觉有点蒙，这也就验证了一句话”会的不难，难得不会“。那就简单顺一遍今天的内容吧。 首先我们了解了js的一些小应用，就介绍几个我比较会的吧： 改变html图像：会动态地改变 HTML <image> 的来源 (src)： The Light bulb 点击就会改变图片的颜色，例如： <!DOCTYPE html> <html> &...
开关电源中，穿越频率的大致选择范围
08-05
在开关电源设计之中，穿越频率是一个相当重要的指标。在文中从就开关电源设计中的环路反馈控制方法、环路增益作 用进行了阐述。并在此基础上就穿越频率选取的限制条件进行分析，为开关电源设计中的穿越频率选取提供借鉴。 穿越频率 ；开关电源设计 ；选取方法 ；限制条件 开关电源设计过程中，环路反馈控制回路的的性能决定了电 源的精度和整体性能，因此设计一个优良的环路控制回路对开发 一个开关电源系统至关重要。其中穿越频率的选取又是反馈回路 设计中的关键因数。
销售员各月销售提成计算.xlsx.xlsx
最新发布
08-05
销售管理表，财务报表，占比分析，消费能力分析，日程安排，提成表，考核表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
ECMA-262标准：JavaScript语言规范详析
ECMA262标准，全称为ECMAScript Language Specification，是JavaScript语言的官方规范，由Ecma International制定。...学习和理解这个标准对于提升JavaScript编程能力，实现高质量的代码至关重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值