starbhhc
- 浏览: 655341 次
- 性别:
- 来自: 深圳
-
文章分类
- 全部博客 (609)
- java (139)
- 数据库 (107)
- 微信 (23)
- IT生活 (5)
- web前端 (74)
- SSH (11)
- 设计模式 (12)
- 重要资料 (11)
- 其他 (15)
- java技巧 (23)
- 服务器 (9)
- 2D/GUI (3)
- JAVA3D (2)
- ANT (5)
- Apache项目 (19)
- 数据类型 (10)
- 报表 (3)
- Collections (6)
- SQL/JDBC (15)
- 开发类 (6)
- EJB (6)
- Email (6)
- 文件读写 (2)
- 游戏 (0)
- Flex (2)
- Generic (2)
- HIbernate (12)
- I18N (5)
- Java EE (9)
- java ME (4)
- JDK 6 (8)
- JNDI/LDAP (5)
- JSP (7)
- JSTL (2)
- 正则表达式 (2)
- 安全 (2)
- Struts2 (12)
- Spring (4)
- Web服务 (10)
- Xml (1)
- JavaScript (30)
- AJAX (7)
- 验证 (4)
- 上传下载 (1)
- office办公软件 (1)
- Android (2)
- IOS (0)
- Dubbo (3)
- memcached/redis (1)
- 小程序 (1)
- 微信公众号 (0)
最新评论
-
wf_wangfeng：
怎么我用第一种方法不行呢 alert(document.rea ...
当jsp页面完全加载完成后执行一个js函数 -
Lori_Liu：
有帮助，至少可以解决了目前所遇到的问题！谢谢..
当jsp页面完全加载完成后执行一个js函数 -
starbhhc：
String actionMessage = new Stri ...
Java读取txt文件乱码 -
starbhhc：
Sev7en_jun 写道GOOD
客气，互相交流。。
javaeye论坛规则小测验（答案）--star -
Sev7en_jun：
GOOD
javaeye论坛规则小测验（答案）--star
<html>
<head>
<title>innerHtml</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<script type="text/javascript" src="dojo-release-1.1.1/dojo/dojo.js"></script>
<script type="text/javascript" language="javascript">
function change_content(){
var str="chang content!<br>";
var temp=document.getElementById("old_div");
temp.innerHTML=str;
var new_span=document.createElement("span");
new_span.setAttribute("id","new_span");
new_span.setAttribute("class","color1");
//new_span.id="new_span";
var new_text=document.createTextNode("This is a new node!");
new_span.appendChild(new_text);
temp.appendChild(new_span);
temp = document.getElementById("add_content");
temp.setAttribute("value","改变颜色");
temp.setAttribute("onclick","change_color()");
}
function change_color(){
var temp = document.getElementById("new_span");
temp.setAttribute("class","color2");
}
</script>
<style>
.color1{
background-color:yellow;
}
.color2{
background-color:red;
}
</style>
<body>
<div id="old_div">No content!</div>
<input type="button" id="add_content" onclick="change_content()" value="内容"/><br/>
<input type="button" value="换色" onclick="change_color();"/>
</body>
</html>
<head>
<title>innerHtml</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<script type="text/javascript" src="dojo-release-1.1.1/dojo/dojo.js"></script>
<script type="text/javascript" language="javascript">
function change_content(){
var str="chang content!<br>";
var temp=document.getElementById("old_div");
temp.innerHTML=str;
var new_span=document.createElement("span");
new_span.setAttribute("id","new_span");
new_span.setAttribute("class","color1");
//new_span.id="new_span";
var new_text=document.createTextNode("This is a new node!");
new_span.appendChild(new_text);
temp.appendChild(new_span);
temp = document.getElementById("add_content");
temp.setAttribute("value","改变颜色");
temp.setAttribute("onclick","change_color()");
}
function change_color(){
var temp = document.getElementById("new_span");
temp.setAttribute("class","color2");
}
</script>
<style>
.color1{
background-color:yellow;
}
.color2{
background-color:red;
}
</style>
<body>
<div id="old_div">No content!</div>
<input type="button" id="add_content" onclick="change_content()" value="内容"/><br/>
<input type="button" value="换色" onclick="change_color();"/>
</body>
</html>
分享到：
发表评论
-
maven项目第一行报错:org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.mave
2020-04-09 01:23 495maven项目第一行报错:org.apache.maven.a ... -
删除项目中的所有.svn文件夹（或CVS文件夹）
2019-06-06 19:19 490当你的项目用SVN管理时，在项目的每个文件夹中会多一个.svn ... -
eclipse下生成Java类图和时序图，生成UML图
2016-12-30 02:28 2054最近老板让我做类图和时序图，提苦恼的，完全不会，就从网上整理 ... -
eclipse使用ModelGoon插件自动生成java类的UML图
2016-12-30 02:23 12351、ModelGoon介绍 ModelGo ... -
linux下的tomcat jvm内存
2016-11-30 23:19 586常见的内存溢出有以下两种: Java.lang.OutOf ... -
FTP实现客户端与服务器文件传输(二)
2016-08-06 01:22 1015/*以sun开头的class不是java里面的标准类，而是 ... -
java实现文件转换成二进制存储与取出
2016-08-06 01:21 2727一、功能描述： 将文件转成二进制数据放入数据库中,需要的 ... -
Resource specification not allowed here for source level below 1.7
2016-08-05 11:14 1168现象：tomcat能正常启动，但打开页面时，出现上面的错误 ... -
使用commons.net FTP 和sun.net.ftp.FtpClient 多种方式上传下载(包括批量)删除功能(一)
2016-08-04 10:38 682使用commons.net FTP 上传下载删除功能 ... -
第十一节 CAS服务端RememberMe
2016-06-07 11:03 1184关于启用RememberMe功能所需做的修改描述 ... -
第七节：CAS4.0.0 以上服务端配置多个数据源
2016-06-03 14:50 11251.首先打开deployerConfigContext.x ... -
第六节：CAS服务端自定义数据库认证用户
2016-06-03 11:46 2364/** * @see --------------- ... -
第四节:将CAS https的认证方式改为http
2016-06-01 08:49 1692一、CAS Server端的修改 1、找到cas\W ... -
java 读取html过滤标签
2016-05-27 16:19 988public static void main(Strin ... -
获取cookie
2016-05-26 16:07 818获取cookie -
spring同时集成redis和mongodb时遇到多个资源文件加载的问题
2016-05-14 15:40 768两天平台中集成redis和mongodb遇到一个问题 单独 ... -
Windows上安装OpenSSL和生成证书
2016-05-10 15:52 23851，先下载OpenSSL http://www.slpr ... -
4.ubuntu14.04 安装mongodb笔记
2016-05-06 08:52 6651、使用系统自动获取安装。 1）获取更新 s ... -
eclipse查看jar源码
2016-05-04 10:07 714Java 项目的编译文件经常被打包成 JAR（Java ... -
3.nodejs nodejs的mysql模块
2016-04-12 22:20 557安装nodejs的mysql模块首先要选定一个数据库，我选择 ...
相关推荐
前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大家来搞一下子 我们先来捋捋思路，那要从页面上获取标签，不用说我们肯定会想到DOM操作，那获取到了之后呢，...
下面我们将详细讨论这些标签和属性的对照，并提供一些基本的使用方法。 **盒子模型属性：** CSS中的盒子模型包括边框（border）、清除（clear）、浮动（float）、外边距（margin）和内边距（padding）。这些属性在...
全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部标签内进行配置即可 值得注意的是：hid属性是页面的唯一标识 若想要在此配置并覆盖全局的meta 那么hid属性必须为description 因为默认的meta...
HTML（HyperText Markup Language）是构建网页的基础语言，它通过一系列的...通过这份PPT，你可以深入学习HTML的基本结构、标签使用和属性配置，从而更好地理解和创建网页。对于新手来说，这是一个非常实用的学习资源。
超级详细的ecside标签部分属性说明 ecside标签是ECTable的一个组件，用于生成列表。下面是ecside标签部分属性的详细说明： ...这些属性可以帮助我们更好地控制ecside标签的行为和显示，提高列表的可读性和交互性。
### 根据标签名字和标签的class属性得到对象 在Web开发中，经常需要通过JavaScript来操作DOM（Document Object Model）元素。一个常见的需求就是根据指定的标签名和类名来获取页面中的DOM元素。本篇文章将详细介绍...
### JavaScript中使用标签 在JavaScript开发中，有时候我们...通过结合使用JSP中的标签和JavaScript的DOM操作，我们可以轻松实现动态生成和更新页面内容的功能。这对于构建现代Web应用程序来说是非常有用的技巧之一。
<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...
因此，将脚本放在`<body>`标签底部或使用`async`或`defer`属性可以提高页面加载速度。 2. **异步加载（async）**：通过设置`async`属性，JavaScript脚本将不会阻塞页面的其余部分加载，而是与HTML并行下载和执行。...
总之，“标签(Tabs)实现多页面切换”是Web开发中的一个重要技能，它结合了Ajax和JavaScript的力量，提供了流畅的用户体验。理解这一技术可以帮助开发者创建更高效、更用户友好的网页应用。通过不断实践和优化，我们...
JS实现页面快速定位的技术主要涉及锚点跳转的概念和应用。锚点，也被称作片段标识符，其作用是允许用户点击链接后页面能够跳转到特定的位置。在网页设计中，尤其是在内容较多、页面较长的情况下，合理使用锚点可以...
根据给定的信息，本文将详细解释如何通过JavaScript代码获取页面中特定元素（通常称为标签）相对于页面边框的距离。此技术对于实现动态布局、响应式设计等非常有用。 ### 获取标签离页面边框距离的原理 在Web开发...
HTML5是Web开发的标准之一，它引入了许多新的特性和改进，包括增强的事件处理和标签属性。事件属性在HTML5中扮演着重要角色，因为它们允许开发者通过JavaScript响应用户交互和页面状态变化，从而实现更丰富的用户...
本文将详细解析CSS和JavaScript中的style属性对照表，这对于JS开发者理解和操作DOM元素的样式非常有帮助。 1. **边框属性（Border Properties）** - CSS 中，设置边框的属性如 `border`, `border-bottom`, `border...
"原生js热门标签云球形仿flash动态效果演示页面"是一个典型的实例，它展示了如何使用JavaScript（特别是原生JS，非jQuery等库）来创建类似Flash的动态效果，但又避免了Flash在现代Web环境中的兼容性和性能问题。...
使用CSS3的`transition`属性，配合JavaScript修改标签的`font-size`和`transform`属性，实现平滑缩放和位移。 6. **事件监听**：为了交互性，可以添加鼠标悬停事件监听器，当鼠标悬停在标签上时，可以放大该标签，...
通过script标签引用外部JavaScript文件myjs.js，可以在其中编写可复用的函数，这样做能够提高代码的可维护性和可扩展性。 在b.html页面中，为了获取传递的参数值，使用了JavaScript代码来解析window.location....
通过引入并使用`jquery.attr.js`，开发者可以方便地获取和操作元素的属性，从而提高前端开发的效率和代码的可维护性。在实际项目中，这样的插件可以帮助我们快速处理与元素属性相关的各种任务，使得前端开发更加便捷...
总结来说，"JS写的标签云"是一个使用JavaScript实现的动态标签展示技术，通过3D视觉效果增强了用户体验。开发者可以通过学习这个项目的源码，掌握动态DOM操作、3D动画效果以及事件处理等技能。如果你对前端开发有...
【第七章】JavaScript【Script标签与访问HTML页面(1)】是关于JavaScript编程的一个章节，主要探讨了如何在HTML文档中使用Script标签以及JavaScript如何与HTML页面进行交互。这一主题对于理解和开发动态网页至关重要...