Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >className用法

className用法

马克java社区

修改于 2020-12-03 02:29:30

修改于 2020-12-03 02:29:30

8220

举报

文章被收录于专栏：java大数据java大数据

4.className用法 例 4.1（keyIEFF.html） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> </title> <script language="JavaScript" type="text/javascript"> function calc(thistextar, Span) { var len = thistextar.value.length; Span.innerHTML = len + ' 字'; Span.className = 'toredC'; } </script> <style type="text/css">  </style> </head> <body><textarea cols="50" rows="3" onKeyUp="calc(this,document.getElementById('num'))" ></textarea> (<SPAN id=num>字数</SPAN>) </body> </html>

更多请见：https://blog.csdn.net/qq_43650923/article/details/102822703

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

javascript当中prompt的用法

5.prompt 例 1.5（promptIEFF.html) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> #divTest{ background-color:#9F3; /*没有底下的margin为负，fireFox中老有个白边*/ margin-top:-8px; margin-left:-8px; width:500px; height:500px; } </style> </head> <body> <div id="divTest"> body div </div> </body> <script language="javascript" type="text/javascript"> /* 返回值：Property/method value type: String primitive JavaScript syntax: - myResult = myWindow.prompt(aString, aDefaultValue) - myResult = prompt(aString, aDefaultValue) Argument list: aDefaultValue An initial content for the text box aString Some text to explain what to enter

马克java社区

2021/01/12

8120

javascript当中prompt的用法

兼容的话题：currentStyle

3.兼容的话题：currentStyle 例 2.3.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> #mydiv { background-color: #28F; width: 400px; height: 200px; } </style> <script type="text/javascript"> window.onload = function() { ob = document.getElementById('mydiv'); alert("document.all is"+ document.all); if (document.all) { alert("current is ie"); alert(ob.currentStyle.backgroundColor); alert(ob.currentStyle.height); ob.style.background="#FF3C31"; } else { alert("current is Firefox"); alert(window.getComputedStyle(ob).getPropertyValue('background-color')); alert(window.getComputedStyle(ob).getPropertyValue('height')); ob.style.background="#FF3C31"; } } </script> </head> <body> <div id="mydiv">马克-to-win</div> </body> </html>

马克java社区

2020/12/01

3110

兼容的话题：currentStyle

javascript当中Map Area Shape 的用法

例 4.3（MapAreaShapeMouseOverIEFF.html） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> function show(obj) { var pos=obj.coords; pos=pos.split(","); alert("pos is "+pos+" pos[1] is "+pos[1]+" pos[2] is "+pos[2]); var menu=document.getElementById("info"); menu.style.left=parseInt(pos[2])+"px"; menu.style.top=parseInt(pos[1])+"px"; menu.style.display="inline"; } function hide() { var menu=document.getElementById("info"); menu.style.display="none"; } </script> </head>

马克java社区

2019/11/27

4760

javascript当中Map Area Shape 的用法

分享几种JS烟花

今天看到蓝色理想有几个哥们都发了自己写的烟花效果，弄的心里痒痒，自己也想写一个出来玩，结果把IE写死好几次，还是放弃了，这里转几个别人写的效果上来分享 <!DOCTYPE html PUBLIC "-

练小习

2017/12/29

2.7K0

计算还可以输入多少个字

Demo html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <ti

joshua317

2018/04/16

7830

js获取div编辑框，textarea，input text的光标位置，兼容FF和IE

html xml ajax javascript

<h<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js获取div编辑框，textarea，input text的光标位置，兼容FF和IE</title> <script src="http:

joshua317

2018/04/10

8K0

iframe 父页面与子页面之间的方法的相互调用

html javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Parent Page</title> <script language="javascript" type="text/j

山河木马

2019/03/05

3.2K0

jQuery 选择器

jquery html xml

基本选择器基本选择器是最简单的选择器，可以通过元素id、class和标签名等来直接查找DOM元素。元素选择器根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("

静默虚空

2018/01/05

7.7K0

iframe高度自适应的IE解决方案

html express javascript

主页面main.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>New Document </title> </head> <body> <style type="text/css"> .iframestyle {

菩提树下的杨过

2018/01/22

9720

JavaScript事件与例子

事件，就是预先设置好的一段代码，等到用户触发的时候执行。一：常见的事件： 1.关于鼠标的事件　　onclick 鼠标单击触发　　ondblclick 鼠标双击触发　　onmouseover 鼠标移上触发　　onmouseout 鼠标离开触发　　onmousemove 鼠标移动触发 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

二十三年蝉

2018/02/27

9050

JavaScript对象之document对象

javascript 面向对象编程

DOM对象之document对象 DOM对象：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树。打开网页后，首先

二十三年蝉

2018/02/27

1.5K0

JavaScript对象之document对象

javascript当中frame和frameset的用法

1.frame和frameset（企业用的少了，所以视频略过，见后面iframe部分）

马克java社区

2021/01/19

8900

javascript当中frame和frameset的用法

html：修改版火影忍者静态网页设计,实例三(附带完整源码)

css html flash 图片资源源码

上效果图，想象下这是动态的，因为我只能截图，就想象下吧，我觉得就这么单纯的网页就算加上酷炫效果也不够好啊，我就每一个网页加了火影忍者的主题曲，还真的好听，哈哈！

川川菜鸟

2021/10/18

3K0

PHP全栈学习笔记8

面向对象的基本概念，面向对象编程，oop，面向对象，面向对象的分析，面向对象的设计，面向对象的编程，什么是类。

达达前端

2019/07/03

6420

笔记一下,简单的input值的限制

该文章介绍了一种限制文本框输入内容的方法，该方法可以用于防止用户输入过多的字符。该方法包括两个步骤：1）使用JavaScript代码在用户输入时限制文本框中输入字符的长度；2）在页面加载完成后，使用JavaScript代码清除用户已输入的字符。该方法可以用于防止用户输入过多的字符，并且可以用于控制文本框中字符的数量。

练小习

2017/12/29

1.3K0

JavaScript 处理Iframe自适应高度的问题

用到的就是iframe嵌套的页面加载完毕的时候，运用onload事件来获取嵌套在iframe中网页的高度，然后赋值给Iframe的高度即可。

aehyok

2018/09/11

1.7K0

关于表单重复提交问题

ajax asp ide html http

问题引入：当我们在做一个页面数据提交的时候，当我们连续点击提交按钮，因为快速连续点击，因为速度过快，页面还来不及反应，导致页面从复提交。。

小小许

2018/09/20

1.9K0

Jquery插件知识之Jquery.cookie实现页面传值

cookie script 插件 html jquery

张哥编程

2024/12/17

2190

day40_jQuery学习笔记_01

jquery ajax java bootstrap html

day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax

黑泽君

2018/10/11

6.7K0

Javascript倒计时

运行示例代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> </head> <body> <div> 距离广州亚运会开幕时间2010年11月12还有：<span id="otherTime"></span> </div> </body> </html> 运行

meteoric

2019/02/25

1K0

相关推荐

javascript当中prompt的用法

更多 >