innerHTML 直接append

append和innerHTML的区别以及使用方法

1.append jquery中的append的使用方式:$("#id").append("<a href='#'>test</a>"); 该操作是将append中的html标签字符串追加插入到匹配元素的末尾. 2.innerHTML innerHTML是js的原生方法,$("#id")是个Jquery对象,Jquery没有innerHTML这个属性,应该这样写$("#id")[0].innerHTML

用python+selenium抓取知乎今日最热和本月最热的前三个问题及每个问题的首个回答并保存至html文件

抓取知乎今日最热和本月最热的前三个问题及每个问题的首个回答,保存至html文件,该html文件的文件名应该是20160228_zhihu_today_hot.html,也就是日期+zhihu_today_hot.html 代码如下: from selenium import webdriver from time import sleep import time class ZhiHu(): def __init__(self): self.dr = webdriver.Chrome() sel

Jquery基本用法总结

选择器$("#mydiv") 通过ID$("p#myp") 选择id=myp 的所有p元素(组合型)$(".mydiv") 通过 class="mydiv"$("p.myp") 选择class=myp 的所有p元素 $("p").eq(1) 获取匹配的集合中的第二个元素这个元素的位置是从0算起(与[i]的区别是eq获得的还是jquery元素,而[i]获得的是dom元素)$("

d3-画雷达图-圆形弧线

本文转载终极效果源码 index.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/ > <title>Smoothed D3.js Radar Chart</title>  <li

C#巧用Excel模版变成把Table打印出来

将一个做好的Excel模版,通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开Excel模版然后填入数据然后再打印. 第二种方法就是我将要介绍的 1.将Excel设置好格式另存为HTML页将Excel转化为HTML的Table 2.将HTML用记事本打开把这个HTML页将<style></style>和<table></table>标签中的内容粘贴出来. 3.在程序中写入打印代码. using System; using System.Coll

dragsort拖动排序

引入文件jQuery.jquery.dragsort-0.5.2.min.js html文件: css文件: ul { margin:0px; padding:0px; margin-left:20px; } #uMenuSetting { list-style-type:none; margin:0px; } #uMenuSetting li { float:left; padding:0px;margin-top:5px;} .placeHolder div { background-col

Jquery购物车jsorder改进版,支持后台处理程序直接转换成DataTable处理

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"/> <title></title> <script type="text/javascript" src="../js/jquery-1.9.1.min.js&qu

你不知的DOM编程

前言:随着vue,react, angular的流行,可能现在我们不必经常的操作DOM,三大框架在副交互的操作中发挥着极大地优势.因为我们知道用脚本对DOM的操作非常昂贵,本文主要探讨常规的DOM操作中你可能不知道的知识. 浏览器中的DOM 首先,我们来了解一下什么是DOM,他为什么慢? DOM,天生就慢文档对象模型 (DOM)是 W3C(万维网联盟)的标准,是一个独立于语言的,用于操作XML和HTML文档的程序接口.在浏览器中,主要和HTML文档打交道,尽管DOM是个与语言无关的API,但是

HTML5原生拖拽/拖放⎡Drag & Drop⎦详解

前言拖放(drap && drop)在我们平时的工作中,经常遇到.它表示:抓取对象以后拖放到另一个位置.目前,它是HTML5标准的一部分.我从几个方面学习并实践这个功能. 拖放的流程对应的事件我们先看下拖放的流程: 选中 ---> 拖动 ---> 释放然后,我们一步步看下这个过程中,会发生的事情. 选中在HTML5标准中,为了使元素可拖动,把draggable属性设置为true. 文本.图片和链接是默认可以拖放的,它们的draggable属性自动被设置成了true. 图

Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】

一.HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户"看得懂"的格式,呈现给用户!(例:djangomoan模版引擎) 翻译成人话:一套规则,浏览器认识的规则. 标准模板: <!DOCTYPE html> #标准规范 <html lang="en&q

（译文）学习ES6非常棒的特性-字符串常量基础

字符串常量基础在ES2015之前我们是这么拼接字符串的: var result = 10; var prefix = "the first double digit number I learnt was "; var assembled = prefix + result.toString(); console.log(assembled); // logs => 'the first double digit number I learnt was 10' 在ES2015我

Jquery笔记和ajax笔记

Jquery笔记:jQuery是一个JavaScript函数库,专为事件处理设计 1.jQuery的引入 <script text="type/javascript" src=""></script> html5中<script src=""></script> 2.选择器实例 $(this),$("p"),$("p.intro"),$(".intr

HTML5原生拖拽/拖放(drag & drop)详解

前言拖放(drap && drop)在我们平时的工作中,经常遇到.它表示:抓取对象以后拖放到另一个位置.目前,它是HTML5标准的一部分.我从几个方面学习并实践这个功能. 拖放的流程对应的事件我们先看下拖放的流程: 选中 ---> 拖动 ---> 释放然后,我们一步步看下这个过程中,会发生的事情. 选中在HTML5标准中,为了使元素可拖动,把draggable属性设置为true. 文本.图片和链接是默认可以拖放的,它们的draggable属性自动被设置成了true. 图

formdata的使用方法

function upload_single_file(value){ if(value==''){ layer.msg('请添加文件',{time:1500}) }else{ var formData = new FormData(); var data = document.getElementById("file").files; for (var i = 0; i < data.length; i++) { formData.append('files[]',data[i

AngularJS初始化静态模板

AngularJS可以通过ng-app来自动初始化模块,也可以通过angular.bootstrap(document, [module])手动启动应用,不管用哪种方法,应用启动后,动态往dom树里面添加的dom元素,无法执行angular指令,即无法通过ng-model.ng-click给动态添加的dom元素绑定数据和事件,怎么办? 动态添加dom元素的场景非常常见,如点击某页面上修改用户资料的按钮,发送ajax请求去查询用户资料,然后通过模板引擎将事先写在页面里的静态模板编译成HTML字符串

ABAP-BarCode-1-HTML二维码打印及动态屏幕实现

很久很久...以前写的一个测试程序,主要是通过ABAP与HTML交互,编写JavaScript实现二维码及动态屏幕实现. 1.ABAP界面效果 2.实现代码 *&---------------------------------------------------------------------* *& Report ZRICO_CHTML *& *&------------------------------------------------------------

【转】js里的时间函数集

$(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); $("#time").text(t); $("#time").load("Untitled-1.html"); }); 程序运行时间差: <!doctype html> <html lang="en"> <head> <meta charset=&

网页背景H5视频自动播放---PC端、移动端兼容问题完美解决方案（IOS、安卓、微信端）

最近公司官网需要使用视频当做banner背景且自动播放,并且因为是官网需要做到PC端和移动端都可以适配兼容,这些问题很是头疼: 兵来将挡,水来土掩,进过查阅相关技术资料,现已完美兼容PC端和移动端.下面就为大家详细讲解: PC端: PC端相应简单些,浏览器对<video>标签的兼容还是很好的,但是想要在浏览器中当做Banner视频自动播放就必须设置这些属性来更好地实现: <video // 设置后,音频会初始化为静音,注意浏览器只有设置静音,才能自动播放 muted // 视频会马上自动

web dom api中的Selection和Range

如果你做过wysiwyg这样的app,一个很让人头疼的问题是如何保证执行bold,italic等格式化操作后保持先前鼠标所在的位置.要好好的解决这个问题,就必须将Selection和Range的api搞搞清楚. https://javascript.info/selection-range Selection and Range js可以获得当前的选中区域信息,可以选择或者去选择部分或者全部内容,清楚document中的选中部分,使用一个心的tag来进行包裹等操作.所有这些操作的基石就是Selc

FormData上传文件带进度条

* jQuery ajax FormData 上传文件 template $.ajax({ url: url, type: 'POST', data: new FormData(form), dataType: 'json', cache: false, processData: false, contentType: false, }).done(function(data) { myalert.success("视频文件上传成功", true); // 提示信息不消失 conso

巴特西