简单js 切换左侧栏目的样式

这是html代码,里面写了left.html <div id='mydiv'> <a class='qwe'>1</a> <a class='qwe'>2</a></div> <script> var url = window.location.href; var a=document.getElementById("mydiv").getElementsByTagName("a")…

一个简单且丑陋的js切换背景图片基础示例

不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS范例</title> <script type="text/javascript"> function changeBg()…

js之如何获取css样式一.获取内联样式 1 <div id ="myDiv" style="width:100px;height:100px; border:1px solid black;"></div> 2 <script> 3 var myDiv = document.getElementById("myDiv"); 4 5 alert(myDiv.style.width);//100px 6 7…

js基础 1.简单js 语法关键字保留字变量

简单js JavaScript 是一个松散性的语言对象属性却不想c中的结构体或者c++ 和java的对象, 对象继承机制使用原型的prototype(原型链),js的分为三部分ECMAScript .文档DOM对象.浏览器BOM对象 1. 核心(ECMAScript) (语法.类型.语句.关键字.保留字.操作符.对象等)Ie6.7.8 第三版(ECMA-262) 兼容 2.文档对象 dom(ie6-7 基本都dom 一级(基本操作都可以),) 3.浏览器对象模型 BOM (控制浏览器显示无标…

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont…

python爬虫的一个常见简单js反爬

python爬虫的一个常见简单js反爬我们在写爬虫是遇到最多的应该就是js反爬了,今天分享一个比较常见的js反爬,这个我已经在多个网站上见到过了. 我把js反爬分为参数由js加密生成和js生成cookie等来操作浏览器这两部分,今天说的是第二种情况. 目标网站列表页url:http://www.hnrexian.com/archives/category/jk. 正常网站我们请求url会返回给我们网页数据内容等,看看这个网站返回给我们的是什么呢? 我们把相应中返回的js代码格式化一下,方便查…

简单js表单验证

简单js表单验证demo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv=…

js简单图片切换

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> </title> </head> <style> #zp img{ margin:0 auto; } </style> <body> <div id="zp"> <img src="iamges/4…

百度图表插件echart简单应用，简单配置一些要显示的样式及种类

从echart官网下载js,然后引入jq即可运行.足够简单应用了关键词:echart控制:图标标题.数据标题.折线图.柱状图切换按钮.恢复刷新图表按钮.保存为图片按钮.坐标系控制.坐标数据.坐标倾斜角度.刻度位置.要显示的标线(平均值.最大值.最高点).折线颜色.折线点颜色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport&…

一个简单js select插件

现在,通过一个select插件,来介绍一下js插件的构建过程. 1.先上效果图 2.目录构建 (1)这个select插件,我给它起名交hongselect,所以呢,首先建个hongselect的文件夹. (2)接着建一个src目录来放源码. (3)我想把源代码托管到github上,所以呢,再建一个README.md文件,来写这个插件的一个说明文档. (4)然后建一个.gitignore文件,来说明那些文件或文件夹是不需要加入代码版本管理的. (5)该插件依赖于jQuery,我们要下载它,对于js…

Vue.js学习 Item6 -- Class 与样式绑定

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式.因为它们都是 attribute,我们可以用 v-bind 处理它们:只需要计算出表达式最终的字符串.不过,字符串拼接麻烦又易错.因此,在 v-bind 用于 class 和 style 时,Vue.js 专门增强了它.表达式的结果类型除了字符串之外,还可以是对象或数组. 绑定 HTML Class 尽管可以用 Mustache 标签绑定 class,比如 `{% raw %}class=”{{ className }}”{% e…

CSS学习------之简单图片切换

最近一直在重温纯CSS,学习的时候真的才发现,css真的博大精深啊! 所以趁着学习的劲头,谢了个最简单的CSS图片切换! 先整理下思路: 首先我希望图片居中间,两边有个切换按钮,点击按钮的时候,可以实现图片切换! 所以,我先弄一个div盒子,让他为顶级div所有的东西都放在他里面: 所有布局如下代码: <div id="allbg"> <div id="picbg"> <div id="pic1"> <i…

使用JQuery.lettering.js实现多行文本样式自定义

前几天一位在广告公司的朋友发来求助,说:“有一个项目要求实现对字符串进行动态拆分,然后对拆分出的字符分别使用不同的样式效果...”,听到这个需求,我内心有点不屑,这有何能,最多五分钟搞定啊~~ 于是我在直接在浏览器控制台敲了一段Demo代码发给这位朋友,然后沾沾自喜中.....五秒钟后,回复我说:“不是的,*&*^&*~~!@......”,我意识到模糊的需求真TMD害人害己啊,不搞清需求盲目动手真是自找苦吃啊~~~ 经过一番更详尽的沟通后,总结他的需求是这样的:一段随机的英文文本放在一个…

简单的jquery左侧导航栏和页面选中效果

这里是要实现导航的左侧并选中的,此功能需引用jquery 效果: 左侧导航 <div class="box"> <ul class="menu"> <li class="level1"> <a href="#none" rel="external nofollow">衬衫</a> <ul class="level2">…

Tab标签js切换高效率写法

原来的传统写法: function tabit(id,cid) { for(var i=0; i<10; i++){ gi(["tab"+i]).className = "taboff"; gi(["ctab"+i]).style.display = "none"; } gi(id).className="tabon"; gi(cid).style.display="block";…

天坑之路：用js给选中文字添加样式

前言本例基于react,但是实际上就是用原生js做的.兼容性做到了IE9,但是按照这个思路做是可以做到IE8甚至更低的. 需求与最初的思路当我拿到这个需求的时候以为很简单,就是可以给页面上的文章做记号,比如添加个下划线,或者背景涂色做成荧光笔的样子. 因为只需要兼容IE9,所以window.getSelection是支持的.(IE8及以下有其它的获取选中的方法) 那么思路就是选中文本,点击添加下划线后,通过 window.getSelection.getRangeAt(0) 拿到选中的文本对…

简单的jquery左侧导航栏和页面选中

这里是要实现导航的左侧并选中的,此功能需引用jquery 左侧导航: <div class="box"> <ul class="menu"> <li class="level1"> <a href="#none">衬衫</a> <ul class="level2"> <li><a href="#none&qu…

js获取css的各种样式并且设置他们

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面; 这里我们就需要: 下面这个代码主要是设置为了兼容IE这孙子; function getStyle(element, attr) { if (element.currentStyle) { return element.currentStyle[attr];//傻逼IE的获取元素的方法 } else { return getCompute…