msirene
msirene

Javascript DOM练习04

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript DOM练习04</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
    	@import url("table.css");
	</style>
  </head>
  
  <body>
  		<script type="text/javascript">
		function crtTable() {
			/*
			 * 思路：
			 * 可以通过createElement创建元素的形式来完成。
			 */
			//1,创建表格节点。
			var oTabNode = document.createElement("table");
			//2,创建tBody节点。
			var oTbdNode = document.createElement("tbody");
			//3，创建行节点tr。
			var oTrNode = document.createElement("tr");
			//4，创建单元格节点 td
			var oTdNode = document.createElement("td");
			oTdNode.innerHTML = "这是单元格";
			//让这些节点有关系。进行指定层次的节点添加。 
			oTrNode.appendChild(oTdNode);
			oTbdNode.appendChild(oTrNode);
			oTabNode.appendChild(oTbdNode);
			document.getElementsByTagName('div')[0].appendChild(oTabNode);
		}
		
		/*
		 * 上面的方法很麻烦。
		 * 既然操作的是表格， 
		 * 那么最方便的方式就是使用表格节点对象的方法来完成。
		 * 
		 * 表格是由行组成。表格节点对象中 insertRow方法就完成了创建行并添加的动作。
		 * 
		 * 行是由单元格组成。通过tr节点对象的insertCell来完成。
		 */
		function crtTable2() {
			var oTabNode = document.createElement("table");
			var oTrNode = oTabNode.insertRow();
			var oTdNode = oTrNode.insertCell();
			oTdNode.innerHTML =  "这是单元格";
			//将表格节点添加到div中。
			document.getElementsByTagName('div')[0].appendChild(oTabNode);
		}
		
		function crtTable3() {
			var oTabNode = document.createElement("table");
			for (var x = 1; x <= 5; x++) {
				var oTrNode = oTabNode.insertRow();
				for (var y = 1; y <= 6; y++) {
					var oTdNode = oTrNode.insertCell();
					oTdNode.innerHTML = x + "--" + y;
				}
			}
			//将表格节点添加到div中。
			document.getElementsByTagName('div')[0].appendChild(oTabNode);
			document.getElementsByName("crtBut3")[0].disabled = true; 
		}
		
		function crtTable4() {
			var oTabNode = document.createElement("table");
			//oTabNode.id = "tabid";
			oTabNode.setAttribute("id", "tabid");

			/* 
			var rowVal = parseInt(document.getElementsByName("rownum")[0].value);
			var colVal = parseInt(document.getElementsByName("colnum")[0].value);
			*/
			var rowVal = document.getElementsByName("rownum")[0].value;
			var colVal = document.getElementsByName("colnum")[0].value;
			for (var x = 1; x <= rowVal; x++) {
				var oTrNode = oTabNode.insertRow();
				for (var y = 1; y <= colVal; y++) {
					var oTdNode = oTrNode.insertCell();
					oTdNode.innerHTML = x + "--" + y;
				}
			}
			//将表格节点添加到div中。
			document.getElementsByTagName('div')[0].appendChild(oTabNode);
			//document.getElementsByName("crtBut4")[0].disabled = true;
		}
		
		
		//删除行。
		function delRow() {
			//获取表格对象。
			var oTabNode = document.getElementById("tabid");
			if (oTabNode == null) {
				alert("表格不存在！");
				return;
			}
			//获取要删除的表格行数。
			var rowVal = document.getElementsByName("delrow")[0].value;
			if (rowVal >= 1 && rowVal <= oTabNode.rows.length){
				oTabNode.deleteRow(rowVal - 1);
			}
			else {
				alert("要删除的行不存在！");
			}
		}

		//删除列，其实就是在删除每一行中同一位置的单元格。
		function delCol() {
			var oTabNode = document.getElementById("tabid");
			if (oTabNode == null) {
				alert("表格不存在！");
				return;
			}
			var colVal = document.getElementsByName("delcol")[0].value;
			if (colVal >= 1	&& colVal <= oTabNode.rows[0].cells.length) {
				for (var x = 0; x < oTabNode.rows.length; x++) {
					oTabNode.rows[x].deleteCell(colVal - 1);
				}
			} else {
				alert("要删除的列不存在！");
			}
		}
		</script>
		<!--
		在页面中创建一个5行6列的表格。
		1，事件源，比如按钮。
		2，必须有一个生成的表格节点存储位置。 
		-->
		<input type="button" value='创建表格' name="crtBut" onclick="crtTable()"/>
		<input type="button" value='创建表格2' name="crtBut2" onclick="crtTable2()"/>
		<input type="button" value='创建表格3' name="crtBut3" onclick="crtTable3()"/>
		<hr/>
		行：<input type="text" name="rownum" />列：<input type="text" name="colnum" />
		<input type="button" value='创建表格4' name="crtBut4" onclick="crtTable4()"/>
		<hr/>
		<input type="text" name="delrow" /><input type="button" value="删除行" onclick="delRow()"/><br/>
		<input type="text" name="delcol" /><input type="button" value="删除列" onclick="delCol()"/>
		<div></div>
  </body>
</html>
table {
	border: #249bdb 1px solid;
	width: 500px;
	border-collapse: collapse;
}

table td {
	border: #249bdb 1px solid;
	padding: 10px;
}

table th {
	border: #249bdb 1px solid;
	padding: 10px;
	background-color: rgb(200, 200, 200);
}


你可能感兴趣的:(Javascript DOM练习04)

  • JavaScript 系列之：函数 程序员SKY JavaScriptjavascript
    函数的定义方式函数声明functionadd(a,b){returna+b;}函数声明的最重要的一个特征是函数声明提升，它允许你在函数声明之前调用该函数。add(1,2);functionadd(a,b){returna+b;}函数表达式//普通的函数表达式letadd=function(a,b){returna+b;}add(1,2)//函数表达式也可以有函数名，这个函数名不能在函数外面用，只能
  • React - 兄弟互传 - 消息订阅 - 发布机制 来一碗刘肉面 Reactreact.js前端javascript
    pubsub-js是一个轻量级的JavaScript库，用于实现发布-订阅（Pub/Sub）模式。该模式使得组件间的通信变得简单和高效，特别适用于React中的兄弟组件之间通信。通过pubsub-js，一个组件可以发布消息，其他组件可以订阅这些消息以获得更新。1.安装pubsub-jsnpminstallpubsub-js//或者yarnaddpubsub-js2.基本概念发布（Publish）:
  • python代码实现支持神经网络对鸢尾花分类 邀_灼灼其华 机器学习及概率统计python神经网络分类sklearn
    1、导入支持向量机模型，划分数据集fromsklearnimportdatasetsfromsklearnimportsvmiris=datasets.load_iris()iris_x=iris.datairis_y=iris.targetindices=np.random.permutation(len(iris_x))iris_x_train=iris_x[indices[:-10]]iri
  • javaScript-系统知识点【 常见问题及其解决办法】 大麦大麦 2025前端面经javascript开发语言ecmascript前端面试
    会造成内存泄漏的情况（中级）setTimeout的第⼀个参数使⽤字符串⽽非函数的话，会引发内存泄漏。//setTimeout的错误使用setTimeout('666',100)//setTimeout的正确用法setTimeout(()=>{console.log('666')},1000)前端常见内存泄漏及解决方案如何捕获JS程序的异常？两种方式trycatchwindow.onerror//手
  • JavaScript 系列八：同步与异步 XHSRookies JavaScriptjavascript
    快来加入我们吧！"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们(https://xhs-rookies.com/)进行学习，及时获取最新文章。"Codetailor"，如果您对我们文章感兴趣、或是想提一些建议，微信关注“小和山的菜鸟们”公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
  • 清华内部DeepSeek学习资料曝光｜104页PPT带你从入门到专家 每日AI 人工智能学习pdf
    资料链接:https://pan.quark.cn/s/55b250244ca3近期，苹果/微软/字节跳动等企业纷纷将DeepSeek纳入核心技术栈。清华北大也相继发布DeepSeek相关学习教程。尤其是清华大学发布的《DeepSeek从入门到精通》发布当日就被众多网友顶上热搜。如今清华大学和北京大学相继出版了共8份DeepSeek核心内部学习资料，我已经帮大家搞到了！完整版资料领取链接已放在文章
  • 爬虫：一文掌握JavaScript hook的详细使用 数据知道 2025年爬虫和逆向教程爬虫javascript开发语言python数据采集前端
    文章目录一、什么是JavaScriptHook？二、JavaScriptHook的常见用途三、常见的JavaScriptHook技术3.1函数劫持（FunctionHooking）3.2代理对象（Proxy）3.3MutationObserver3.4EventListenerHook四、在爬虫中的应用4.1使用Puppeteer拦截AJAX请求4.2使用Playwright注入Hook4.3表单
  • FT2004(D2000)开发实战之U-boot环境变量 前行的阿木 linux嵌入式硬件驱动开发
    一概述U-boot环境变量的作用是：在不修改U-boot源代码的情况下，通过修改U-boot环境变量来改变U-boot的运行方式。我们通过printenv命令打印环境变量，setenv命令修改环境变量。常用的U-boot环境变量有:bootdelaybootcmdbootargsserverip、ipaddr、netmask、gatewayip当然最最重要的U-boot环境变量是bootcmd和b
  • 通俗易懂的一致性哈希原理 eternity_zzy javajava
    一致性哈希（Consistenthashing）算法是由MIT的Karger等人与1997年在一篇学术论文（《Consistenthashingandrandomtrees:distributedcachingprotocolsforrelievinghotspotsontheWorldWideWeb》）中提出来的，用于解决分布式缓存数据分布问题。在传统的哈希算法下，每条缓存数据落在那个节点是通过
  • 卷积核在初始阶段的数据是怎么获取的 abments 人工智能深度学习人工智能
    卷积核的初始化随机初始化：在大多数情况下，卷积核（滤波器）的权重在模型训练开始时是随机初始化的。常用的随机初始化方法包括以下几种：均匀分布初始化：权重从一个均匀分布中抽取值。importnumpyasnp#初始化3x3卷积核，权重范围[-0.1,0.1]kernel=np.random.uniform(-0.1,0.1,(3,3))正态分布初始化：权重从一个均值为0、标准差较小的正态分布中抽取。i
  • Node.js学习01-初识Node.js与内置模块 Meowmow nodejsnode.js学习javascript
    目录初识Node.js在Node.js环境执行js代码内置模块fs文件系统模块路径动态拼接问题path路径模块http模块request请求对象初识Node.jsNode.js是基于ChromeV8引擎的JavaScript运行环境，无法调用DOM和BOM等浏览器内置API。使用Node.js可以：基于Express框架快速搭建web应用基于Electron框架构建跨平台的桌面应用基于restif
  • langchain4j+local-ai小试牛刀 llm
    序本文主要研究一下如何本地运行local-ai并通过langchain4j集成调用。步骤curl安装curlhttps://localai.io/install.sh|sh%Total%Received%XferdAverageSpeedTimeTimeTimeCurrentDloadUploadTotalSpentLeftSpeed1002150902150900459590--:--:----
  • Flink同步数据mysql到doris问题合集 土豆沒加 常用工具flinkmysql大数据
    Flink同步数据mysql到doris官方同步流程Doris安装下载地址导入镜像启动配置Flink-cdc安装（自制）下载地址导入镜像启动命令启动问题修复Flink报错Couldnotacquiretheminimumrequiredresources.作业报错Mysql8.0PublicKeyRetrievalisnotallowed作业报错Connectto127.0.0.1:8040[/1
  • 使用Windows系统进行Node.js离线安装 YOUFDJ windowsnode.js编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时，广泛用于服务器端开发。通常情况下，我们可以通过官方网站下载安装程序进行Node.js的安装，但有时候在没有网络连接的情况下，我们需要进行离线安装。本文将详细介绍如何在Windows系统下进行Node.js的离线安装。以下是进行Node.js离线安装的步骤：第一步：下载Node.js安装包首先，我们需要从官方网站或其他可信来源
  • Python 爱心烟花（Turtle 图形库） 一一代码 python
    importturtleimportrandomturtle.bgcolor("black")turtle.speed(0)turtle.hideturtle()defdraw_heart(x,y,size,color):turtle.penup()turtle.goto(x,y)turtle.pendown()turtle.color(color)turtle.begin_fill()turtl
  • 写一个敲木鱼的程序 weixin_45995698 pythonpython
    要编写一个敲木鱼的程序，你可以使用Python语言，结合pygame库来处理图形和声音。以下是一个简单的Python程序示例，它实现了点击木鱼并播放声音的功能：importpygameimportrandomimporttime#初始化pygamepygame.init()#设置屏幕大小和标题screen_width=800screen_height=600screen=pygame.displa
  • dnspod动态解析linux,NAS折腾记 篇一：五分钟搞定威联通DNSPOD动态域名解析-简单教程+问题解决... 芒果绵绵冰 dnspod动态解析linux
    NAS折腾记篇一：五分钟搞定威联通DNSPOD动态域名解析-简单教程+问题解决2021-01-1321:04:4814点赞156收藏28评论新人值友一枚，第一次发贴，请大家多多支持！2020年双11，因为每天都会打开张大妈看看，经过太多值友PO文轮番轰炸，终于下手了一台威联通NAS。从一开始完全搞不清状况的新人小白(存储池，卷，威联通的太多术证让人傻傻分不清)，到现在基本上把自己的NAS折腾得七七
  • react原理面试题 前端react
    以下是一些关于React原理的面试题：一、虚拟DOM（VirtualDOM）请简要解释React中的虚拟DOM是如何工作的？答案：当组件的状态发生变化时，React首先会在内存中创建一个新的虚拟DOM树来表示更新后的UI结构。然后，React会将这个新的虚拟DOM树与旧的虚拟DOM树进行比较（这个过程称为Diff算法）。Diff算法会找出两个虚拟DOM树之间的差异，例如哪些节点被添加、删除或者修改
  • 动态规划练习 小桥流水人家44 动态规划贪心算法
    概述本文基于蓝桥杯历年简单真题所作，后续也会更新一些题目。1.青蛙吃虫（最优值dp）问题描述一只名叫“雾"的小青蛙在回家的路上。路径长度为N(1≤N≤100)，沿途有许多昆虫。假设雾的原始坐标为0。雾可以静止不动，也可以向前跳跃若干个单位，跳跃的范围在A∼B之间。雾会把所有的昆虫吃掉，不管它在哪里，但它跳K次就会累了，跳不动了。给出了路径上每个位置昆虫的数量（总是小于10000）。"雾"最多能吃多
  • leetcode 0004 寻找两个正序数组的中位数 - hard SuperCandyXu Leetcodeleetcode算法职场和发展
    1题目：寻找两个正序数组的中位数给定两个大小分别为m和n的正序（从小到大）数组nums1和nums2。请你找出并返回这两个正序数组的中位数。算法的时间复杂度应该为O(log(m+n))。示例1：输入：nums1=[1,3],nums2=[2]输出：2.00000解释：合并数组=[1,2,3]，中位数2示例2：输入：nums1=[1,2],nums2=[3,4]输出：2.50000解释：合并数组=[
  • LeetCode-Hot100-004移动零 YQ_ZJH LeetCode100题leetcode算法java数据结构c++蓝桥杯
    双指针的方法，不懂可以在评论区问我代码classSolution{public:voidmoveZeroes(vector&nums){intleft=0;intright=0;while(left
  • 2023第十四届蓝桥杯C/C++大学生C组真题？（真题+附链接） 大C爱编程 蓝桥杯c++c语言
    第十四届蓝桥杯大赛软件赛省赛C/C++大学C组试题A:求和本题总分：5分【问题描述】求1（含）至20230408（含）中每个数的和。【答案提交】这是一道结果填空的题，你只需要算出结果后提交即可。本题的结果为一个整数，在提交答案时只填写这个整数，填写多余的内容将无法得分。试题B:工作时长本题总分：5分【问题描述】小蓝手里有一份2022年度自己的上班打卡记录文件，文件包含若干条打卡记录，每条记录的格式
  • vue那个生命周期函数操作dom_vue生命周期实例小结 迷失的憨批
    本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。如下图所示vue的完整生命周期可分为三个阶段：初始化阶段、运行阶段和销毁阶段。共存在很多钩子函数，他们在vue生命周期不同的阶段进行操作,列举如下：beforeCreatecreatedbeforeMountmounte
  • vue中在哪个生命周期中dom被渲染_Vue.js 组件的生命周期 丁晓斌
    本文目录结构问题Vue组件的生命周期答案总共分为8个阶段创建前/后，载⼊前/后，更新前/后，销毁前/后创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有载⼊前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom
  • vue中在哪个生命周期中dom被渲染_Vue生命周期说明 祁圆圆
    人是生而自由的，但却无往不在枷锁之中。自以为是其他一切人的主人，反比其他一切人更是奴隶。——卢梭复制代码生命周期图生命周期钩子说明beforeCreate(初始化界面前)在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。data和$el都没有初始化，全部为undefinedcreated(初始化界面后)实例已经创建完成之后被调用。在这一步，实例已
  • 终极指南：styled-components 深度解析与实战对比 ox0080 #北漂+滴滴出行WebVIP激励styled-comCSS
    一、CSS-in-JS革命：现代Web样式新范式1.1传统CSS的三大痛点全局污染：class命名冲突导致"样式战争"状态隔离：动态样式需要操作DOM类名架构割裂：样式文件与组件逻辑分离//传统CSS的典型问题实例//Button.css.btn{background:blue;}//全局作用域//App.css.btn{padding:10px;}//意外覆盖1.2CSS-in-JS的核心优势真
  • 从虚拟dom知识无痛深入vue与react的原理 沐萸木鱼 javascript开发语言前端vue.jsreact.js前端框架html
    我们都知道像vue、react都有用到虚拟dom,那么虚拟dom到底是什么？框架为什么不直接操作真实dom而要在中间要引入虚拟dom呢？vue和react的虚拟dom又有什么异同呢？我们就从虚拟dom开始讲起，再来逐步引入讲解vue与react的部分原理及其异同，这里会顺便讲解到数据驱动视图及视图驱动数据，顺便明白MVVM、MVC这两种模式，顺便引入相关的八股文知识点，好好阅读这篇文章你会不小心一
  • Vue实战指南 获取DOM、操作组件 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    Vue实战指南获取DOM、操作组件引言获取DOM元素示例一：使用`ref`获取DOM元素示例二：使用`$el`访问根元素操作组件实例示例三：使用`methods`和`computed`属性示例四：使用`watch`属性监控变化示例五：使用`$emit`触发自定义事件实际开发中的使用技巧引言Vue.js是一个轻量级的前端框架，它允许开发者高效地构建交互式用户界面。在Vue应用中，有时我们需要直接操作
  • Ubuntu 18.04 Vscode配置OpenGL 记录 chase。 openglubuntuc++
    首先配置OpenGL的开发环境，使用apt安装OpenGL及相关的开发包。安装在终端中，配置步骤如下：sudoapt-getinstallbuild-essentiallibgl1-mesa-devsudoapt-getinstallfreeglut3-devsudoapt-getinstalllibglew-devlibsdl2-devlibsdl2-image-devlibglm-devlib
  • 基于RF随机森林机器学习算法的回归预测模型MATLAB代码实现了一个回归任务的决策树集成模型。 qq924711725 仿真模型机器学习算法随机森林
    基于RF随机森林机器学习算法的回归预测模型MATLAB代码实现了一个回归任务的决策树集成模型。首先从Excel文件中导入数据集，并将数据划分为训练集和测试集。然后，对数据进行归一化处理并转置以适应模型的要求。文章目录MATLAB代码实现说明：MATLAB代码实现说明：运行代码前的注意事项：示例输出：MATLAB代码实现说明：示例输出：以下是一个基于随机森林（RF,RandomForest）机器学习
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他