HTML代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title></title> <script type="text/javascript"> function showProgressBar(){ //预定义颜色 var colors = ["#5B00AE","#28FF28","#FF8000","#00DB00","#408080","#79FF79"];...
1 (function(root){2 3function Page(params){4 5this.oTarget = document.getElementById(params.dom);6this.fn = params.fn;7this.pageNumber = params.pageNumber;8this.interval = params.interval || 2;9this.page = 1; 10this.start = 1; 11this.end = (this.interval*2+1); 1213this.dom(); 14this.bind(); 15 } 16 Page.prototype.dom=function(){ 17this.last = true; 18this.Data = []; 1920if(this....
CSS代码部分:1<style type="text/css">2 table { 3 width: 800px; 4 height: 300px; 5 border-collapse: collapse; 6} 7td{border:1px solid red;} 8</style>JS代码部分: 1<script tjpe="teit/javascript"> 2 document.write("<table>");3 var str = "js九九乘法表";4 document.write("<h1>" + str + "</h1>");5 for ( var i = 1; i <= 9; i++) {6 document.write("<tr>");7 for ( v...
前言? 如果对技术很自信,请直接看 实现的源码? 如果想回顾一下基础,请按文章顺序阅读说到迭代方法,最先想到的是什么?forEach还是map,迭代的方法ES5提供了5种方法以下定义来自 JavaScript高级程序设计每个方法都接收两个参数在每一项上运行的函数运行该函数的作用域对象(影响this的值)传入这些方法中的函数会接收3个参数数组项的值该项在数组的位置数组对象本身迭代函数执行后可能会也可能不会影响返回结果 (雾..)ES5提供的迭代函数...
HTML页面代码: 1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="Generator" content="EditPlus?"> 6<meta name="Author" content=""> 7<meta name="Keywords" content=""> 8<meta name="Description" content=""> 9<title>Document</title>1011<script type="text/javascript" src="04.js" charset="GBK"></script>12</head>13<body>1415<!--16 访问表单节点的元素 17 输入校验 18-->1920<fo...
js 版base 64 算法 base64.jsvar keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; //将Ansi编码的字符串进行Base64编码function encode64(input) { var output = ""; var chr1, chr2, chr3 = ""; var enc1, enc2, enc3, enc4 = ""; var i = 0; do { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (...
今天搞了半天,用location.href提交参数到后台,结果php无法接收到参数,这让我找了半天,终于发现原因是本页被另外的主页引用了,最终发现问题出在提交js上,最终用parent.location.href=‘url‘;解决了问题。parent.location.href //跳转到当前面的父路径location.href //跳转到当前页原文:http://www.cnblogs.com/bk7788/p/5114940.html
最近在做一个js特效:全选,反选。 效果能实现,可是只执行了一次。多次点击,发现效果不能触发了。后来查了些文档,才了解是 attr 跟 prop 的区别! 代码直接贴出来: ($("#全选ID").attr("checked") 的返回值 就是 true/false ) attr只能运行一次: function checked_all(){ $("input[name=‘XXX‘]:checkbox").each(function...
实现QObject与JavaScript通讯(基于QWebEngine + QWebChannel)通过使用QtWebEngine加载相关页面,然后用QtWebChannel作为Qt与Javascript交互通讯的桥梁;1.Qt工程涉及profile文件QtJSInteract.proTEMPLATE = app TARGET = QtJSConnect INCLUDEPATH += .QT += webenginewidgets webchannelHEADERS += TMainWindow.h TInteractObject.hSOURCES += main.cpp TMainWindow.cpp TInteractObject.cppRESOURCES += Resource.qrc2.工程引用资...
python复制代码 代码如下:def fn(num): ‘‘‘ 把数字口语化 ‘‘‘ ret = ‘‘ num = int(num) if num/10000 == 0: ret = str(num) else: if num/10**8 == 0: if num%10000 != 0: ret = str(num/10000) + ‘万‘ + str(num % 10000) else: ret = str(num/10000) + ‘万‘ else: n2 = num%10**8 if n2%1000...
百叶窗大家都见过吧!如图:原理:如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden;黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化!(右上角多余块与本图无关)布局分析:注意top值得变化!默认top=0时候,显示的“一楼上铺”,当top=-40px时候,li的子元素 上移40px,这时候显示的内容就为“一楼下铺”注意p元素的包裹层div ...
项目开发中若需要做系统公告,可在此Demo的基础上稍加修改实现一个简单的系统公告效果<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>文字跑马灯</title><style>#race_notice_p{position:relative;margin:20px auto;width:800px;overflow:hidden;height:50px;}#race_notice_s{position:absolute;left:0;top:0;}#race_notice_s p span{margin:0 20px;line-height: 50px;}</style> </head> <body><div id=‘r...
function checkAll() { //把所有参与选择的checkbox使用相同的name,这里为"num_iid" var eles = document.getElementsByName("num_iid"); var i = 0; // 如果是全选状态,则取消所有的选择 if (isSelectAll() == true) { for ( i = 0; i < eles.length; i++) { eles[i].checked = false; } document.getElementById("selectAll").checked = false; } else { // 否则选中每一个checkbox for ...
# oo ##创建对象 1. 原型、构造函数、实例之间的关系 * 原型的construct->构造函数;调用isPrototypeOf(obj)方法可以判定和实例的关系; * 构造函数的prototype->原型; * 实例的__proto__ ->原型(仅在chrome,safari,Firefox中存在,而共有的是[[prototype]]);用getPrototypeOf()方法可以返回[[prototype]]的值; * 构造函数后构造函数的‘子类’new产生一个实例,可以用instanceOf 操作符来检测构造函数是否出现在原型链上...
js面向对象的特点:继承(inheritance):对象方法和属性的继承多态(polymorphism):组件开发抽象(abstract):抓住核心问题封装(encapsulation):把功能写出方法面向过程式切换面板实现:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>切换面板</title><style>#div1 input {background: white;}#div1 input.active {background: yellow;}#div1 div {width: 200px;height: 200px;background: #CCC;display: none;}</style...