_k.o
_k.o

用html 调用简单js制作互相跳转导航栏

转载请标明转载出处小k.o博客：https://blog.csdn.net/weixin_41238001/article/details/84922729

用html 调用简单js制作互相跳转导航栏

  • 我为什么要写这篇文章呢，因为有一个小系统，需要用到一个比较大的导航栏，一大堆跳转，笔者又不想要让每一个html页面都有这些 href
  • 网上找了一大堆，就是没有我想要的效果。于是写了这一篇博客分享，不足之处，希望指出赐教。
  • 话不多说，直接上代码（如果你时间比较紧张，直接跳到第三看也可以）
  • （而且写者也建议你看第三后在回来复制粘贴第一，第二的代码，运行，感受下）

一、这是常规的导航栏制作，也是最冗余的方法

  1. menu_1.html 代码如下(总共有两个html代码噢)：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>共享导航栏</title>
    <link rel="stylesheet" type="text/css" href="nav.css" />
</head>
<body>
		<div class="nav">
			<p><a id="menu_1" href="menu_1.html">菜单一</a></p>
			<p><a id="menu_2" href="menu_2.html">菜单二</a></p>
		</div>
		<div class="content_1">跳转到第一个菜单栏下的内容</div>
</body>
</html>
  1. menu_2.html 代码如下(总共有两个html代码噢)：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>共享导航栏</title>
    <link rel="stylesheet" type="text/css" href="nav.css" />
</head>
<body>
		<div class="nav">
			<p><a id="menu_1" href="menu_1.html">菜单一</a></p>
			<p><a id="menu_2" href="menu_2.html">菜单二</a></p>
		</div>
		<div class="content_2">跳转到第二个菜单栏下的内容</div>
</body>
</html>
  1. nav.css 代码如下(css于html在同一个目录下就行了噢或者你可以自己修改)：
.nav{
	width:100%;
	height:150px;
	background:#3385ff;
}
.nav a{
	width:50%;
	height:150px;
	line-height:150px;
	font-size:40px;
	color:#ffffff;
	float:left;
	text-align:center;
	text-decoration:none;
}

.content_1{
	width:100%;
	height:200px;
	font-size:50px;
	text-align:center;
	line-height: 200px;
	color:chartreuse;
}

.content_2{
	width:100%;
	height:200px;
	font-size:50px;
	text-align:center;
	line-height: 200px;
	color:orangered;
}
  1. 运行效果：
  • 图一：
    用html 调用简单js制作互相跳转导航栏_第1张图片
  • 图二：
    用html 调用简单js制作互相跳转导航栏_第2张图片

二、采用 html + js 调用，当导航栏多到一定程度，用第一种方法就不行了，很累赘，因为第一种方法把每一个 href 都放进来，假如这个导航栏代码有100行，那么你每一个html就需要有 100 行同样的代码，会显得很累赘。第二种方法就是教你如何把这100行变成 2~3行代码就行

  1. menu_1.html 代码如下(总共有两个html代码噢)：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>共享导航栏</title>
    <link rel="stylesheet" type="text/css" href="nav.css" />
    <script src="nav.js" type="text/javascript"></script>
</head>
<body onload="Rendering();">
		<div id="nav"></div>   <!-- 导航栏通过js渲染，js代码在nav.js里 -->
		<div class="content_1">跳转到第一个菜单栏下的内容</div>
</body>
</html>
  1. menu_2.html 代码如下(总共有两个html代码噢)：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>共享导航栏</title>
    <link rel="stylesheet" type="text/css" href="nav.css" />
    <script src="nav.js" type="text/javascript"></script>
</head>
<body onload="Rendering();">
		<div id="nav"></div>   <!-- 导航栏通过js渲染，js代码在nav.js里 -->
		<div class="content_2">跳转到第二个菜单栏下的内容</div>
</body>
</html>
  1. nav.js 代码如下(js于html在同一个目录下就行了噢或者你可以自己修改)：
function Rendering(){
   document.getElementById("nav").innerHTML="\t\t
\n" +
       "\t\t\t
菜单一
\n" +
       "\t\t\t
菜单二
\n" +
       "\t\t
";
}
  1. nav.css 代码如下(css于html在同一个目录下就行了噢或者你可以自己修改)：
.nav{
	width:100%;
	height:150px;
	background:#3385ff;
}
.nav a{
	width:50%;
	height:150px;
	line-height:150px;
	font-size:40px;
	color:#ffffff;
	float:left;
	text-align:center;
	text-decoration:none;
}

.content_1{
	width:100%;
	height:200px;
	font-size:50px;
	text-align:center;
	line-height: 200px;
	color:chartreuse;
}

.content_2{
	width:100%;
	height:200px;
	font-size:50px;
	text-align:center;
	line-height: 200px;
	color:orangered;
}
  1. 运行效果：
  • 图一：
    用html 调用简单js制作互相跳转导航栏_第3张图片
  • 图二：
    用html 调用简单js制作互相跳转导航栏_第4张图片

三、或许看官还没看出什么区别，我再次说明下区别在哪里咯

  • 方法二与方法一中的 nav.css保持不变
  • 方法二比方法一多了一个nav.js
function Rendering(){
  document.getElementById("nav").innerHTML="\t\t
\n" +
      "\t\t\t
菜单一
\n" +
      "\t\t\t
菜单二
\n" +
      "\t\t
";
}
**其实nav.js只是调用了一个js中的功能，就是获取html中的 id 然后在这个 id 中添加 html 代码，
这个代码就是 方法一的html代码，不过是添加了反 '\\'  这个字符，因为js要将 引号字符 " 转义。
（笔者建议用 IDEA操作，直接复制 html代码块到 js ,IDEA自己就会将引号字符 " 转义）**

function Rendering(){
  document.getElementById("nav").innerHTML="";
}
用这个函数，document,getElementById("nav")  获取你调用该js函数的id
然后在   innerHTML="",加入你要添加的  html代码就行啦，记住引号 " 要转义噢
  • 方法二中menu_1.html(menu_2.html)的区别
    方法一的html：
 <div class="nav">
 	<p><a id="menu_1" href="menu_1.html">菜单一</a></p>
 	<p><a id="menu_2" href="menu_2.html">菜单二</a></p>
 </div>
 
 方法二的html:
 <div id="nav"></div>   <!-- 导航栏通过js渲染，js代码在nav.js里 -->
 
 方法一中的代码放进 方法二的nav.js，然后用  <div id="nav"></div> 调用js渲染即可
 不管你的 导航栏有多少代码都可以用这个办法，如果的导航栏有其他js代码
 记得一起放过来  nav.js噢（切记，一定要放在同一个nav.js中，不然会出错！）

你可能感兴趣的:(html+js)

  • 原生html+js播放flv直播视频流【vue等皆可用】 Odinpeng javascripthtmlvue.jswebrtc
    一、前言最近着手了一个新需求：将某记录仪的实时视频在页面展现。实现步骤：通过WebRtc将直播视频转码为flv/rtsp格式流；通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如：VLC、PotPlayer等，好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：
  • 前端html+js实现懒加载的两种常见方法 JSU_曾是此间年少 javascript前端html
    忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来使用H5标准内置标签loading参考：vue实现懒加载_vue懒加载-CSDN博客注意事项：需要设置图片的宽高，尽量设置高度大一点，这样效果明显一点。不设置浏览器将不知道实际占位大小，会直接把图像加载过来。代码示例：图片加载.ttt{width:100px;height:500px;display:block;}使用JS
  • 【总结】HTML+JS逆向混淆混合
    国外的题果然考的与众不同[secrypt_cen.html]这次是HTML网页，然后JS加密判断翻看JS代码很显然，关键的代码在checkPasswordJS混淆是必备的去混淆一条龙走起先将关键代码提取出来JavaScriptfunction_0x4857(_0x398c7a,_0x2b4590){const_0x104914=_0x25ec();_0x4857=function(_0x22f01
  • 基于html+js实现简易下拉列表移动 未休95 HTMLJavaScriptjavascripthtml前端
    使用html和js实现的一个简单小练习下拉列表移动。大概功能就是选中城市名，再点击按钮进行相应的移动。全左、全右则是选中全部的城市名进行移动。依旧使用的是DOM2事件代理，详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】下拉列表移动section{display:flex;align-items:center;margin-bottom:30px;}sel
  • 基于html+js实现爆破球（面向对象写法） 未休95 JavaScriptHTMLhtmljavascriptcss
    使用html和js实现的一个简单小练习爆破球，大概功能主要是：点击吐泡泡按钮，可以不停的生成大小随机的球球，且该球球在出现时会放大，放大完成会消失。该代码是面向对象的写法。详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】【效果图如下】代码如下：爆破球letbtn=document.getElementsByTagName("input")[0];//圆的类
  • 基于html+js实现随机生成图形（面向对象、继承写法） 未休95 HTMLJavaScripthtmljavascript前端
    使用html和js实现的一个简单小练习随机生成图形，大概功能主要是：点击哪个图形的按钮，可以不停的生成大小随机的该图形。该代码是面向对象的写法，主要用到的是继承，每一个小图形类都是继承的图形大类。详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】【效果图如下】代码如下：随机生成图形letbtn=document.getElementsByTagName("i
  • 简易留言板HTML+JS代码 未休95 HTMLJavaScripthtmljavascript
    之前做的一个简易的留言板，也发上来。直接看代码就行。没有用特别复杂的，直接用的DOM2的事件代理。数据也是直接在js这边渲染生成，我的代码里面的注释都算是比较详细的，直接看就可以的。留言板article{border:3pxsolidrgb(195,2,2);width:800px;margin:0auto;padding-bottom:50px;}p{display:flex;justify-c
  • 基于HTML+JS实现的简易双色球滚动代码 未休95 HTMLJavaScripthtmljavascript前端
    在JS一侧限定7个数的范围，进行随机数的筛选，再将其渲染到页面上，并运用时间函数进行滚动。为了提升用户体验，所以开始按钮点击后，就得加个事件监听器把它禁用，直到点击结束按钮，开始按钮才恢复可使用状态。代码和注释都在下面，请君一阅。双色球section>div:nth-child(1){display:flex;margin-bottom:20px;}section>div:nth-child(1)
  • 基于html+js实现轮播图（自动轮播、左右按钮、小圆点点击及切换图片） 未休95 JavaScriptHTMLjavascripthtml前端
    使用html和js实现的一个简单小练习轮播图。大概功能主要是：1、使用时间函数自动切换图片；2、在图片及按钮及小圆点的父节点身上绑定事件代理，添加mouseenter及mouseleave事件类型，让鼠标移入，图片暂停，移出，图片恢复轮播；3、在按钮的父节点身上绑定事件代理，事件类型为click，使用event.target判断点击的目标范围，让左右两个按钮，点击可以切换上一张或下一张；4、给图片
  • html时间倒计时 QH_染 javascripthtml
    文章目录一、HTML+js[时间倒计时]输出结果一、HTML+js[时间倒计时]时间倒计时functionDate_count_down(jztime,divname){varnow=newDate();varendDate=newDate(Date.parse(jztime.replace(/-/g,"/")));varleftTime=endDate.getTime()-now.getTime
  • 前端三件套搭建登录页面（HTML+CSS+JS） 詹小友 前端javascript前端html
    目录HTML+JS代码（登录页面）代码解析CSS代码注册页面HTML代码素材图片小结HTML+JS代码（登录页面）欢迎登录账 号密 码没有账号？点击注册functionf(){varflat=true;varmyUerName=document.querySelectorAll("input")[0];varmyPassWord=document.querySelectorAl
  • HTML+js实现贪吃蛇小游戏（内含完整代码） super码力 #JavaScript学习笔记htmljavascript前端
    案例分析看图拆解游戏首先我们根据图片上的内容把这个游戏拆解成几个部分去单独看：最外面的大盒子包裹着内容加边框限制蛇的活动范围，整个范围可以看成由许多小方格排列构成的，例如这样子的：；两个按钮，一个控制开始游戏，一个控制游戏中途的暂停继续功能；盒子里面有可以移动的蛇，最开始状态的蛇分为蛇头、蛇身、蛇尾三个部分，蛇只能走直线，通过上⬆下⬇左⬅右⬅的功能键去控制蛇的走向；还有一个随机产生在限制区域内的食
  • html+js网页连接MQTT服务器new Paho.MQTT.Client 小鱼小鱼干 javascripthtml服务器
    网页完整代码示例Document简单测试client=newPaho.MQTT.Client("broker.emqx.io",Number(8083),"websockets-test");//建立客户端实例client.connect({onSuccess:onConnect});//连接服务器并注册连接成功处理事件functiononConnect(){console.log("onConn
  • HTML+JS 牛奶购物车功能页面 xiaobuzq javascripthtml前端
    这是一个很多老师拿来教学的经典案例，参照购物车HTML代码，依次完成购物车的商品全选、增减商品数量、修改商品小计、计算商品总额、删除商品、选中商品添加背景等功能car.html购物车全选功能*{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;color:#666;}body{background:#fff;color:#
  • HTML+JS好例子集锦 软件技术爱好者 JavaScrip技术HTML5与CSS3htmljavascript前端
    HTML+JS好例子集锦一些HTML+JavaScript好例子，有些例子照网络资料，包括：HTML+JS限时小学数学出题、打开对话框选择本地文件、简单画布画板、俄罗斯方块游戏、落英纷飞动画、随机点名器的示例、生成二维码等。从中感受HTML+JavaScript可以实现功能的强大。基础知识参见HTML5+CSS入门与提高学习系列https://blog.csdn.net/cnds123/artic
  • 【趣导航】一个专门收集创意小站的导航站 全赞工程师 人工智能uni-app
    前言：趣导航(https://qu.72jueji.com)是一个专门收集创意小站的导航站。这种导航站纯静态，无交互，制作非常简单，无需任何后端技术，只需要懂少量的Html+JS的知识就可以动手做。建议初学者可以先学习开源的导航网站模板，一般花一周左右的时间，就能上线一个既好看又有用的导航网站。下面我就具体讲讲如何从零开始，制作上线一个静态导航站。目录导航站模板确定导航站内容收集网站链接代码实现部
  • HTML+JS实现水果消消乐游戏完整源码附注释 LilyCoder 前端htmljavascript游戏css
    游戏实现效果游戏完整源码
  • HTML+JS樱花飘落特效+鼠标点击特效 半杯橙汁 前端javascripthtml前端
    目录：效果：index.html代码：樱花飘落特效+鼠标点击特效（源码）.body001{background:white;}.div001{text-align:center;font-size:18px;}樱花飘落特效+鼠标点击特效（源码）yinghua.js代码（图片为base64编码，可根据具体情况修改）：varstop,staticx;varimg=newImage();img.src=
  • 性能测试之Locust（完整版） 飞川撸码 测试python压力测试jmeterLocust性能测试
    官方文档：Locust说明文档一、Locust简介1、定义Locust是一款易于使用的分布式负载测试工具，完全基于事件，即一个locust节点也可以在一个进程中支持数千并发用户，不使用回调，通过gevent使用轻量级过程（即在自己的进程内运行）。2、特点①、不需要编写笨重的UI或者臃肿的XML代码，基于协程而不是回调，脚本编写简单易读；②、有一个基于简洁的HTML+JS的UI用户界面，可以实时显示
  • 【超详细教程】基于html+js实现轮播图 偷拨网线的william htmljavascript前端
    轮播图是现代网页设计中常见的元素之一，它能够展示多张图片或内容，在有限的空间内循环播放，提升网页的视觉效果和用户体验。下面将以一个简单的网页轮播图为例，说明如何基于HTML和JavaScript实现。1、R5Ai智能助手chatgpt国内版本:R5Ai智能助手（我正在使用的）支持gpt4/gpt-3.5/claude支持AI绘画每天十次免费使用机会无需魔法首先，在HTML文件中创建一个容器元素，用
  • HTML点击鼠标动态特效，屏幕生成特效火花特效 YCY^v^ 笔记前端html前端
    效果视频：火花视频html+js直接上代码：MouseClickEffectbody{margin:0;padding:0;background-color:#000;}canvas{position:absolute;top:0;left:0;z-index:-1;}varcanvas=document.getElementById("canvas");canvas.width=window.i
  • GIS入门，开源 JavaScript二维地图引擎OpenLayers介绍 汤姆猫不是猫 GIS入门笔记开源javascriptOpenLayers前端GIS
    Vue+OpenLayers中文教程推荐，不同于OpenLayers官方文档使用html+js原生原生教程，博主专栏包含大量vue整合案例和实际开发案例，非常适合地图开发小白快速入门。vue整合OpenLayers6入门教程：《Vue+OpenLayers入门教程汇总目录》vue整合OpenLayers6实战中文教程，包含大量OpenLayers官方文档没有涉及到的实际开发案例：《Vue+Open
  • HTML实现好看的登录注册页面 News777 HTMLCSShtmlcssjs
    成品展示其它HTML实现好看的登录注册界面（一)HTML实现好看而简洁的登录页面HTML实现一个简单而精美的登录界面代码html+js登录忘记密码？登录注册注册注册varmiddlePart=document.getElementsByClassName('way')[0];varfirstPart=document.getElementsByClassName('main_left')[0];v
  • HTML+JS 实现图片下载到本地 ITD刘哈哈 Javascripthtmljavascript前端
    原理：download属性是HTML5中新增的标签属性。能够让我们指定浏览器下载文件时的默认名称。将download属性添加到链接上，当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里，而且download属性能够强制触发下载操作。方法一：通过链接实现图片下载方法二：通过JS触发链接实现图片下载​下载图片document.querySelector('.downImageBt
  • 前端框架Vue（2）——Vue-Router 路由跳转 JesusAllen30 前端框架Vue系列前端框架Vue初体验Vuevue-router
    1、最简单：html+js全在一个文件中动态路由匹配HelloApp!默认会渲染成一个a标签-->GOTOFOOGOTOBAR//1、定义组件constFoo={template:'foo'};constBar={template:'bar'};//2、定义路由//每一个路由映射一个组件constroutes=[{path:'/foo',component:Foo},{path:'/bar',co
  • Flutter vs 前端 杂谈：SliverAppBar、手动实现Appbar、前端Html+JS怎么实现滚动变化型Appbar - 比较 jcLee95 前端桌面端移动端UI构建工具DartFlutter
    Fluttervs前端杂谈SliverAppBar的弹性背景的显隐效果使用Html+JS怎么实现作者：李俊才（jcLee95）：https://blog.csdn.net/qq_28550263邮箱：[email protected]本文地址：https://blog.csdn.net/qq_28550263/article/details/134149018目录1.一些AppBar效果2.一个W
  • OpenLayers地图基本概念（Map、View、Layer、Source四种基本类型）和背景介绍，OpenLayers官方文档翻译，OpenLayers官方中文教程，OpenLayers中文指南 汤姆猫不是猫 前端javascriptOpenLayers中文文档OpenLayers中文教程OpenLayers指南OpenLayers地图api
    前言本文翻译自OpenLayers7官方文档，用于阐述OpenLayers地图基本概念。Vue+OpenLayers中文教程推荐，不同于OpenLayers官方文档使用html+js原生原生教程，博主专栏包含大量vue整合案例和实际开发案例，非常适合地图开发小白快速入门。vue整合OpenLayers6入门教程：《Vue+OpenLayers入门教程汇总目录》vue整合OpenLayers6实战中
  • 【HTML+js 简易的音乐播放器（包含原理解释）】 胖作家 htmljavascript前端jqueryvue
    HTML+js简易的音乐播放器（包含原理解释）综述HTMLaudio简介及开发环境一、audio控件1.audio控件的基本属性2.audio控件的基本响应事件二、开发环境代码及原理介绍前言1.添加播放器控件及对应的资源2.播放列表的制作3.播放列表的动态加载4.功能（1）点击播放列表切换乐曲，并改变正在播放的乐曲那一栏的样式（2）上一首、下一首和顺序播放（3）单曲循环(4)随机播放（5）播放列表
  • HTML5+CSS3+JS小实例：打散文字随机浮动特效 艾恩小灰灰 HTML+CSS+JS小实例html5css3javascript前端css
    实例：打散文字随机浮动特效技术栈：HTML+CSS+JS效果：源码：【HTML+JS】打散文字随机浮动特效你说帘外海棠，锦屏鸳鸯；后来庭院春深，咫尺画堂。你说笛声如诉，费尽思量；后来茶烟尚绿，人影茫茫。你说可人如玉，与子偕臧；后来长亭远望，夜色微凉。你说霞染天光，陌上花开与谁享；后来烟笼柳暗，湖心水动影无双。你说彼岸灯火，心之所向ÿ
  • html+js实现自定义弹窗 qqqweiweiqq 前端javascriptjavascripthtml前端
    哈哈转载这个还不错但是我暂时用不到html+js实现自定义弹窗_html自定义弹框-CSDN博客自定义弹窗body,P{margin:0;padding:0;}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}.p
  • ASM系列四 利用Method 组件动态注入方法逻辑 lijingyao8206 字节码技术jvmAOP动态代理ASM
            这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以
  • java编程思想 --内部类 百合不是茶 java内部类匿名内部类
    内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(
  • web.xml报错 crabdave web.xml
    web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
  • 泛型类的自定义 麦田的设计者 javaandroid泛型
       为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类  
  • CSS清除浮动的4中方法 IT独行者 JavaScriptUIcss
    清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s
  • Cygwin使用windows的jdk 配置方法 _wy_ jdkwindowscygwin
    1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS
  • linux下安装maven 无量 mavenlinux安装
    Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹
  • tomcat的https 配置,syslog-ng配置 aichenglong tomcathttp跳转到httpssyslong-ng配置syslog配置
    1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
  • 关于领号活动总结 alafqq 活动
    关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打
  • java数据结构 冒泡排序的遍历与排序 百合不是茶 java
    java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[]
  • JS检查输入框输入的是否是数字的一种校验方法 bijian1013 js
    如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form>
  • Test注解的两个属性：expected和timeout bijian1013 javaJUnitexpectedtimeout
    JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it
  • [Gson二]继承关系的POJO的反序列化 bit1129 POJO
    父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap
  • 【Spark八十四】Spark零碎知识点记录 bit1129 spark
    1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中  
  • WAS各种脚本作用大全 ronin47 WAS 脚本
    　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
  • java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句 bylijinnan switch
    借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o
  • Netty源码学习-ObjectEncoder和ObjectDecoder bylijinnan javanetty
    Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送
  • spring 定时任务中cronExpression表达式含义 chicony cronExpression
    一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb
  • Nutz配置Jndi ctrain JNDI
    1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
  • 解决 /bin/sh^M: bad interpreter: No such file or directory daizj shell
    在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具
  • [转]for 循环为何可恨？ dcj3sjt126com 程序员读书
      Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju
  • Android实用小技巧 dcj3sjt126com android
    1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes
  • Oracle 复习笔记之序列 eksliang Oracle 序列sequenceOracle sequence
    转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval
  • 有“品”的程序员 gongmeitao 工作
    完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　
  • 使用KeleyiSQLHelper类进行分页查询 hvt sql.netC#asp.nethovertree
    本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
  • SVG 教程 （三）圆形，椭圆，直线 天梯梦 svg
    SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c
  • 链表栈 luyulong java数据结构
    public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public
  • 基础数据结构和算法十：2-3 search tree sunwinner Algorithm2-3 search tree
      Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
  • spring配置定时任务 stunizhengjia springtimer
    最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi
  • ITeye 8月技术图书有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他