xmt1139057136
xmt1139057136

样式表切换-网页换肤

参考图书：

《JavaScript基础教程（第8版）》  http://download.csdn.net/detail/qq_26437925/9428156

本例将样式表切换和cookie结合起来，可以满足个性化的样式定制

项目：

css/style_1.css

#head{
    color: #f00;
}

css/style_2.css

#head{
    color: #0f0;
}

css/style_3.css

#head{
    color: #00f;
}
js/changeStyle.js 

window.onload = initStyle;
window.onunload = unloadStyle; // 网页卸载时存储cookie
// 初始化央视表
function initStyle(){
    var thisCookie = cookieVal("style"); // 读cookie
    if (thisCookie) {
        var title = thisCookie;
    }
    else {
        var title = getPreferredStylesheet();
    }
    setActiveStylesheet(title);
    // 改变样式的button按钮事件
    var allButtons = document.getElementsByTagName("input");
    for (var i=0; i<allButtons.length; i++) {
        if (allButtons[i].type == "button") {
            allButtons[i].onclick = setActiveStylesheet;
        }
    }
}
// 获取默认的stylesheet 就是  rel="stylesheet" 而不是 rel="alternate stylesheet"
function getPreferredStylesheet() {
    var thisLink, relAttribute;
    var linksFound = document.getElementsByTagName("link");
    for (var i=0; i<linksFound.length; i++) {
        thisLink = linksFound[i];
        relAttribute = thisLink.getAttribute ("rel");
        if (relAttribute.indexOf("style") > -1 && relAttribute.indexOf("alt") == -1 &&
            thisLink.getAttribute("title")) {
            return thisLink.getAttribute ("title");
        }
    }
    return "";
}
// 得到当前作用的stylesheet
function getActiveStylesheet() {
    var thisLink;
    var linksFound = document.getElementsByTagName("link");
    for (var i=0; i<linksFound.length; i++) {
        thisLink = linksFound[i];
        if (thisLink.getAttribute("rel").indexOf("style") > -1
            && thisLink.getAttribute("title")
            &&!thisLink.disabled) {
            return thisLink.getAttribute("title");
        }
    }
    return "";
}
function setActiveStylesheet(inVal) {
    var thisLink;
    var linksFound = document.getElementsByTagName("link"); // 得到两个样式表
    if (inVal) {
        if (typeof inVal == "string") {
            var title = inVal;
        }
        else{
            var title = inVal.target.id;
        }
    }
    else {
        var title = window.event.srcElement.id;
    }
    for (var i=0; i<linksFound.length; i++) {
        thisLink = linksFound[i];
        if (thisLink.getAttribute("rel").indexOf("style") > -1 && thisLink.getAttribute("title")) {
            thisLink.disabled = true;
            if (thisLink.getAttribute("title") == title) {
                thisLink.disabled = false;
            }
        }
    }
}
// 根据cookieName读取相应的cookie值
function cookieVal(cookieName) {
    var thisCookie = document.cookie.split("; ");
    for (var i=0; i<thisCookie.length; i++) {
        if (cookieName == thisCookie[i].split("=")[0]) {
            return thisCookie[i].split("=")[1];
        }
    }
    return "";
}
// 设置样式 为当前起作用的样式 并且 cookie时间为一年之后
function unloadStyle() {
    var expireDate = new Date();
    expireDate.setYear(expireDate.getFullYear()+1);
    document.cookie ="style=" +getActiveStylesheet()+";expires=" + expireDate.toGMTString()
        + ";path=/";
}

test.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="gbk">
    <title>改变样式实例</title>
    <meta charset="utf-8">
    <link href="css/style_1.css" rel="stylesheet" title="default">
    <link href="css/style_2.css" rel="alternate stylesheet" title="style2">
    <link href="css/style_3.css" rel="alternate stylesheet" title="style3">
    <script type="text/javascript" src="js/changeStyle.js"></script>
</head>
<body>
    <div id="head">
        <p>两个stylesheet 各自的title 与相应按钮的id值相同</p>
        <p>加入了cookie ， 页面加载的时候从cookie中读取样式值 style=样式名称</p>
        <p>按钮点击时 设置相应的stylesheet disable属性已确定采用哪个样式</p>
        <p></p>
    </div>
    <input type="button" class="typeBtn" value="样式1" id="default">
    <br><br>
    <input type="button" class="typeBtn2" value="样式2" id="style2">
    <br><br>
    <input type="button" class="typeBtn3" value="样式3" id="style3">
</body>
</html>


运行截图：

样式表切换-网页换肤_第1张图片样式表切换-网页换肤_第2张图片样式表切换-网页换肤_第3张图片

你可能感兴趣的:(样式表切换-网页换肤)

  • Aop +反射 实现方法版本动态切换
    需求分析在做技术选型的时候一直存在着两个声音，mongo作为数据库比较mysql好，mysql做为该数据比mongo好。当然不同数据库都有有着自己的优势，我们在做技术选型的时候无非就是做到对数据库的扬长避短。mysql最大的优势就是支持事务，事务的五大特性保证的业务可靠性，随之而来的就是事务会产生的问题：脏读、幻读、不可重复度，当然我们也会使用不同的隔离级别来解决。（最典型的业务问题：银行存取钱）
  • selenium特殊场景处理 Monica_ll Seleniumseleniumchromepython
    文章目录前言一、多窗口处理二、浏览器弹窗处理包含alert、confirm、prompt三、鼠标和键盘事件处理前言在使用selenium操作浏览器的过程中可能需要借助键盘和鼠标功能完成一些操作，或者操作弹窗处理，本文主要是整理自己工作过程中使用过的一些方法一、多窗口处理在实际测试过程中经常会有通过点击或者连接打开新的窗口，这种情况下就需要切换webDriver到对应浏览器对象才能操作新窗口的元素。
  • K8s常用的命令 尚未来- 运维k8s
    一、基础命令查看集群信息bashkubectlcluster-info#显示集群端点和服务信息查看节点bashkubectlgetnodes#列出所有节点kubectldescribenode#查看节点详细信息查看命名空间bashkubectlgetnamespaces#列出所有命名空间切换命名空间bashkubectlconfigset-context--current--namespace=二
  • selenium 特殊场景处理
    文章目录前言一、windows的弹窗二、内嵌网页frame三、页签切换四、截图五、弹窗六、JS执行总结前言selenium处理web操作师，有很多特殊的情况需要处理，例如弹窗、内嵌网页，页签切换，js执行等，下面介绍一些可能会遇到的特殊场景一、windows的弹窗importwin32com.client'''创建了一个WScript.ShellCOM(ComponentObjectModel)对
  • SVG 在线编辑器 lly202406 开发语言
    SVG在线编辑器引言随着互联网技术的发展，矢量图形在网页设计和数据可视化中扮演着越来越重要的角色。SVG（可缩放矢量图形）因其文件小、无限缩放不模糊的特性，成为了网页设计中常用的图形格式。SVG在线编辑器的出现，为设计师和开发者提供了极大的便利，使得图形的创建和修改变得更加高效。本文将详细介绍SVG在线编辑器的功能、应用场景以及发展趋势。SVG在线编辑器概述SVG在线编辑器是一种基于网页的图形编辑
  • 漫画人家隐私政策 呵呵一笑_e8f9
    漫画人家APP（以下简称漫画人家）非常重视对您的个人隐私保护，有时候我们需要某些信息才能为您提供您请求的服务，本隐私声明解释了这些情况下的数据收集和使用情况。本隐私声明适用于漫画人家的所有相关服务，随着漫画人家服务范围的扩大，隐私声明的内容可由漫画人家随时更新，且毋须另行通知。更新后的隐私声明一旦在网页上公布即有效代替原来的隐私声明。我们收集哪些信息通常，您能在匿名的状态下访问漫画人家并获取信息。
  • 群晖 File Station：集中浏览与管理 NAS 文件的工具 Trihawk宇麦科技 群晖NAS
    FileStation是SynologyDSM（DiskStationManager）操作系统中的核心内建应用，以网页形式提供友好的图形界面，供用户在浏览器中管理NAS上的文件和共享资料核心功能特色1.文件浏览与管理Navigate文件夹、执行拖放上传、剪贴、重命名、移动、删除等常用操作，类似WindowsExplorer或macOSFinder的使用体验，直观且便捷支持批量操作、压缩与解压、多文
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • 一篇教你学会Git 编程界的彭于晏qaq javaGITgit
    从安装到高级使用（2025最新版）引言：为什么Git是开发者必备技能Git（GlobalInformationTracker）作为最流行的分布式版本控制系统，由Linux之父LinusTorvalds于2005年创建，现已成为软件开发的基础设施。与传统集中式版本控制系统（如SVN）相比，Git具有三大核心优势：分布式架构：每个开发者本地都有完整仓库副本，支持离线工作高效分支管理：创建和切换分支几乎
  • 开启 PHP 初阶之旅：解锁高效入门之道 API_Zevin php开发语言人工智能大数据前端python后端
    在当今动态网页开发领域，PHP作为一门久经沙场的服务器端脚本语言，以其强大功能与广泛适用性，持续吸引着无数初学者踏入编程殿堂。若你决心攻克PHP，为Web开发世界添砖加瓦，一系列精准策略与实用方法将成为你加速入门的得力伙伴，引领你穿越初期懵懂，迈向熟练驾驭的新征程。一、筑牢基础：语法地基稳扎稳打PHP语法虽具灵活性，初学者仍需系统研习，构建扎实根基。从变量声明起步，领会PHP变量“$”符号前缀特色
  • 全栈工程师必备开发利器 东风牧野 全栈开发技术网络全栈开发工具
    一、团队协作工具团队协作软件Teambition：团队协作工具创导者有道云协作：企业知识管理与协作平台tower：深受用户喜爱的团队协作工具笔记备忘印象笔记：工作必备效率应用有道云笔记：网易出品，获得5000万用户青睐的笔记软件。提供了PC端、移动端、网页端等多端应用，用户可以随时随地对线上资料进行编辑、分享以及协同。日事清：怕工作进度延误就用日事清滴答清单：一个帮你高效完成任务和规划时间的应用远
  • 古桥拿什么来拯救你 81d1aa263da清风
    一缕清风查看网页版>拿什么拯救你，古桥2011-10-2215:53热衷于旧影觅踪的绿盦先生和远望先生，在松陵南郊意外找到了这座被荒弃许久的古桥“太平桥”。乱藤野蔓遮盖下露出残桥的一截身影，让人心生怜惜。河没了，路没了，村庄没了，桥遗弃了。还有多少可以遗忘？还有多少可以丢弃？视觉在模糊，走过的岁月在流逝，心中的印痕却难抹去，淡忘的记忆在追踪定格的影象中回放。脑波中荡漾，那桥、那水、那人、那事...
  • 人工智能概念之九：深度学习概述
    文章目录相关文章一、深度学习的定位：AI时代的基石技术1.1技术生态全景图1.2技术革命的催化剂二、深度学习的双面性：性能优势与技术挑战2.1技术优势全景扫描2.2技术挑战深度剖析三、技术演进时间轴：70年的厚积薄发四、主流框架生态对比五、未来演进方向相关文章人工智能概念之二：人工智能核心概念：网页链接一、深度学习的定位：AI时代的基石技术1.1技术生态全景图深度学习处于人工智能（AI）技术金字塔
  • C++-coroutines协程 协程之间相互切换 mrbone11 C++#Coroutinesc++服务器算法协程coroutines
    C++协程切换的机制基于如下C++协程标准的规定：await_suspend如果直接返回一个coroutine_handle协程句柄。那么被返回的句柄会立即恢复，即调用返回coroutine_handle的resume()方法查看如下例子：#include#include#include//前向声明structTask;//一个简单的Awaiter，用于触发协程切换structSwitchTo{s
  • 如何查看 Windows 电脑的处理器类型（x64 或 ARM64） 枫萏 Other经验分享笔记
    方法1：通过「设置」查看按Win+I打开「设置」进入系统→关于在设备规格部分，查看系统类型：①如果显示64位操作系统，基于x64的处理器→选择GitforWindows/x64Portable②如果显示64位操作系统，基于ARM的处理器→选择GitforWindows/ARM64Portable方法2：通过「任务管理器」查看按Ctrl+Shift+Esc打开「任务管理器」切换到性能选项卡查看CPU
  • elasticsearch vm.max_map_count small瓜瓜
    maxvirtualmemoryareasvm.max_map_count[65530]istoolow,increasetoatleast[262144]elasticsearch启动时遇到的错误问题翻译过来就是：elasticsearch用户拥有的内存权限太小，至少需要262144解决：切换到root用户执行命令：sysctl-wvm.max_map_count=262144查看结果：sysc
  • JSP编程从入门到精通：现代Web开发与AI集成实战指南 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总人工智能AI编程笔记开发语言深度学习
    JSP编程从入门到精通：现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP（JavaServerPages）是一种动态网页开发技术，通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展，当客户端首次请求JSP页面时，服务器会将其编译为Servlet类（如index_jsp.java），再执行该类的_jspService()方法生成
  • Vim 编辑器工作模式及操作指南 Akshsjsjenjd 编辑器vimlinux
    Vim编辑器工作模式及操作指南一、工作模式概述Vim编辑器主要包含四种工作模式，分别是：命令模式（默认进入模式）输入模式（编辑模式）末行模式（指令模式）可视模式二、模式切换及操作1.命令模式是Vim的默认模式，可执行光标移动、复制、删除等操作，无法直接输入文本。（1）命令模式→输入模式（编辑模式）通过以下按键进入输入模式：i：在当前光标位置插入编辑I：在光标所在行行首插入编辑o：在光标所在行下方新
  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • 移动端布局 小唱同学
    viewport详解viewport:视口,指的是浏览器中放网页内容的区域移动端的viewport不会自动随着设备的变化而变化,被设定为一个固定值980或者1024,为了能够在移动端正常查看pc端页面.做移动端布局时,需要把viewport设置为随着设备的变化而变化参数说明:width:设置视口的宽度device-width设备宽度initial-scale:页面的初始缩放比例1.0原始大小max
  • Python,C++开发环球旅游之印度APP Geeker-2025 pythonc++
    以下是针对印度旅游的Python与C++开发环球旅行APP的定制化方案，深度整合印度本土化需求与技术挑战：---###**一、技术架构调整（印度特色适配）**```diff-美国方案调整点：+语言支持：22种官方语言实时切换（集成BhashiniAI）+交通算法：混合交通模式路径规划（突突车/人力车/火车）+离线功能：低带宽优化+本地化数据压缩（SIM卡级区域包）+支付系统：UPI统一支付接口+P
  • 记录几个实用的网页工具 Donald_32e5
    收录的几个还不错的网页工具一、图片背景转换可以把纯色的背景转化成透明背景传送门二、泼辣修图网页上传图片直接修图，工具还比较丰富，日常P图还是可以满足的传送门三、稿定抠图一款在线抠图的利器。傻瓜式抠图，简单方便传送门四、色彩笔图片在线压缩工具，精度还是比较不错的传送门五、crontab表达式输入表达式，查看执行结果传送门这个网站提供了很多网页工具，覆盖面是很广的。传送门
  • ttf2eot 14px
    工具下载地址：http://code.google.com/p/ttf2eot/downloads/detail?name=ttf2eot-0.0.2-2.zip&can=2&q=将工具解压放到本地根目录。TTF字体文件与本工具放到同一目录下。如D:\开始->运行->cmd->切换到D盘，输入命令：ttf2eot.exeicon.ttficon.eot来源：http://decisiononese
  • Centos7桌面模式和命令行模式切换 写bug的羊羊 linux
    设置进入桌面模式#查看当前模式systemctlget-default#安装桌面依赖包suduyumgroupinstall"GNOMEDesktop""GraphicalAdministrationTools"#临时启用startx#设置开机进入图形界面systemctlset-defaultgraphical.target#设置开机进入命令行systemctlset-defaultmulti-
  • PyQt5窗口背景设置全攻略：三种方法实现精美界面
    QSS样式表法（最常用）特点：声明式语法、支持CSS特性、子控件自动继承样式1.纯色背景设置创建主窗口并设置黄色背景win=QMainWindow()win.setObjectName("MainWindow")win.setStyleSheet("#MainWindow{background-color:yellow}")2.背景图片设置（自适应尺寸）使用border-image实现背景图平铺w
  • 正则表达式 hui函数 python正则表达式
    正则表达式Python中提供了多种解析网页数据的技术，正则表达式就是其中的一种，其他技术还包括：XPath、BeautifulSoup。什么是正则表达式正则表达式是一种文本模式，该模式描述了匹配字符串的规则，用于检索字符串中，是否有符合该模式的子串，或者对匹配到的子串进行替换。正则表达式的优点是功能强大，应用广泛，缺点是只适合匹配文本的字面意义，而不适合匹配文本意义。例如，正则表达式匹配嵌套了HT
  • Python爬虫实战：研究flanker相关技术 ylfhpy 爬虫项目实战python爬虫开发语言flanker
    1.引言1.1研究背景与意义在当今信息爆炸的时代，互联网上的数据量呈现出指数级增长的趋势。如何从海量的网页数据中高效地获取有价值的信息，成为了一个重要的研究课题。网络爬虫作为一种自动获取网页内容的技术，能够帮助用户快速、准确地收集所需的信息，因此在信息检索、数据挖掘、舆情分析等领域得到了广泛的应用。Flanker技术是一种基于文本分析的信息提取技术，它能够从非结构化的文本中识别和提取出特定类型的信
  • BeautifulSoup库深度解析：Python高效解析网页数据的秘籍
    在Python爬虫开发领域，获取网页内容后，如何高效解析并提取所需数据是关键一环。BeautifulSoup库凭借其简洁易用、功能强大的特点，成为众多开发者解析网页数据的首选工具。本文将深入剖析BeautifulSoup库，通过丰富的实例，帮助你掌握其核心功能与使用技巧，实现网页数据的精准提取。一、认识BeautifulSoup库BeautifulSoup是Python的一个第三方库，主要用于解析
  • 用 Python BeautifulSoup 实现网页表格数据的提取
    用PythonBeautifulSoup实现网页表格数据的提取关键词：Python、BeautifulSoup、网页表格数据提取、HTML解析、数据处理摘要：本文深入探讨了如何使用Python的BeautifulSoup库来实现网页表格数据的提取。首先介绍了相关背景知识，包括目的、预期读者等内容。接着详细阐述了BeautifulSoup的核心概念和工作原理，并给出了相应的流程图。然后讲解了核心算法
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他