首页
学习
活动
专区
圈层
工具
发布

Bookmarklet编写指南

它通常在网页中以链接的形式出现,就像下面这样: href="javascript:alert('hi');">xxx 用户直接把这个链接拖到地址栏或收藏夹就可以用了。...使用方便   用的时候,点一下这个链接就行了。 3. 开发容易   一段Javascript代码就是Bookmarklet的所有内容,不需要用到其他技术,比开发一个浏览器插件简单多了。 4....IE的最长网址不能超过2083个字符(IE6不能超过508个字符),这也就是Bookmarklet的最长长度。压缩工具可以帮忙减少长度,但是使用下面提到的连接外部代码的方法,可以避开这个限制。 3....对文本和URL进行编码 为了防止出现非法字符,代码以外的文本都应该使用encodeURIComponent()函数进行编码,比如把空格变成%20。 四、Bookmarklet的编写技巧 1....添加外部函数库 如果Bookmarklet需要用到外部函数库,就必须把它也加进来。但是,前提是必须先检查一下,看看原页面是否已经加载了这个函数库。 下面以加载jQuery为例:   if (!

1.6K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Django之模板层

    但我们在写HTML文件时,里面关于要从数据库拿数据,或者经常更改的地方又不能写死了,此时就需要用到模板语法了,在HTML文件中写上模板语法,然后在views读取HTML文件时,再对HTML文件中模板语法进行解析...,替换。...safe }} value=‘href=''>点击’,如果没有safe,会把标签转义,比如‘我想要的形式...,当你循环列表或字典时,没有找到或为空时,就返回empty中的内容   2,if标签,做判断使用 {% if num > 100 %} 大于100 {% elif num...{% simple_tag_multi 2 3 %} 可以跟上任意个参数,以空格隔开就行,所以在定义时可以定义多个参数   五、继承   我们在浏览网页时,会发现很多网页的大体都一样,比如电影天堂,你点进每个电影的页面时

    72430

    jQuery ajax() 方法

    jQuery.param() 创建数组或对象的序列化表示,适合在 URL 查询字符串或 Ajax 请求中使用。 jQuery.post() 使用 HTTP POST 请求从服务器加载数据。...先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的 1. load( url, [data]...jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    3.6K60

    03-老马jQuery教程-DOM操作(上)

    ,ie需要用innerText而ff等浏览器需要用textContext属性.jQuery做好了兼容的处理,直接调用text()方法就行了。...; 设置标签的文本 text(func) func(index, text)此函数返回一个字符串。接受两个参数,index为元素在集合中的索引位置,text为原先的text值....参数是字符串样式类 removeClass(str) // 从匹配的元素中删除 'selected' 类 $("p").removeClass("selected"); // 删除匹配元素的所有类 $(..."p").removeClass(); 回调函数的调用removeClass(func) func(index, oldClass)此函数必须返回一个或多个空格分隔的class名。...样式属性操作css 4.1 读取CSS的属性值css(str) 在DOM中我们可以使用DOM对象的style属性来设置或者读取样式的值。

    1.9K00

    用Python实现复制英文PDF段落后自动去掉换行连字符

    大家好,我是辰哥~ 今天给大家分享一个Python自动化的小技巧: 复制英文PDF段落自动去掉换行字符 问题描述:复制外文文献或者外文pdf段落内容时,出现很多的换行字符等。...\n', ' ') # 把message中的所有'\r\n'替换成空格 还有一个问题,有些单词由于太长,因此需要在下一行继续写,这就存在连字符“-”,如下图,因此我们还需要把这些连字符删除...把上面这句话复制粘贴一下就知道了,粘贴结果显示换行连字符后面没有换行。因此执行上面的把换行符替换成空格的操作不会导致换行连字符后面出现空格。...我研究了一下,这个换行连字符的ASCII码是2,因此可以用转义字符\2表示 我们依然使用replace()方法把换行连字符替换成空'',这样就把所有的换行连字符删除了,如下所示 message = message.replace...message中的所有'\r\n'替换成空格 message = message.replace('\2', '') # 删除单词中间的换行连字符 return

    2K20

    WEB入门之十三 jQuery选择器

    本章简介 上一章我初步接触了jQuery,并能够编写一些简单的jQuery代码,其中重点是jQuery基本选择器。jQuery的选择器非常强大,它是jQuery的根基,基本上任何操作都要依赖于选择器。...但在实际开发中可能会出现使用这些特殊字符的情况,例如下面的代码: I Love jQuery 那么这时如果使用jQuery...4.2.2 选择器中的空格 选择器中有时需要出现空格,这需要大家特别注意,因为多一个空格和少一个空格会导致出现截然不同的效果,例如下面的代码。...:button选择器获得的按钮包括提交按钮和重置按钮 4. 下列关于jQuery选择器中特殊字符的说法错误的是()。...A. jQuery选择器中不能包含任何特殊字符 B. jQuery选择器可以包含空格 C. jQuery选择器支持转义字符 二、上机练习 数据库中的数据查询出来后,在前台用表格进行显示。

    66410

    WEB入门之十三 jQuery选择器

    上一章我初步接触了jQuery,并能够编写一些简单的jQuery代码,其中重点是jQuery基本选择器。jQuery的选择器非常强大,它是jQuery的根基,基本上任何操作都要依赖于选择器。...但在实际开发中可能会出现使用这些特殊字符的情况,例如下面的代码: I Love jQuery 那么这时如果使用jQuery...4.2.2 选择器中的空格 选择器中有时需要出现空格,这需要大家特别注意,因为多一个空格和少一个空格会导致出现截然不同的效果,例如下面的代码。...:button选择器获得的按钮包括提交按钮和重置按钮 4. 下列关于jQuery选择器中特殊字符的说法错误的是()。...A. jQuery选择器中不能包含任何特殊字符 B. jQuery选择器可以包含空格 C. jQuery选择器支持转义字符 二、上机练习 数据库中的数据查询出来后,在前台用表格进行显示。

    71910

    Php开发过程中不常碰到的error (2.25更新)

    要确保自己的系统中没有使用 HTTP_RAW_POST_DATA 这个变量,直接在 php.ini 里面禁掉它的设置,但是容易出现系统中又打开的情况(在框架中很常见) 改一下自己的提交方式, 使用 application...> show global variables like 'wait_timeout'; 使用 mysql 之前需要 mysql_ping() 一下, 如果出现断开的错误就启动重连机制 js 和 php...使用命令行或者 linux 上用 cat 命令是看不到字符间是有 的, 如下: ?...这样尽管看起来之间没有空格, 但是其中还是插入了这个字符 这个就是 zero-width space 零宽空格 , 处理的办法也很简单, 前端传值之前给过滤一下, 比如 https://stackoverflow.com...utf-8 的处理方式, 可以参考这篇文章 特殊字符的删除办法与原理 替换这种编码 $value = str_replace("\xe2\x80\x8b", '',

    1K20

    ajax 写法_常见词缀汇总

    大家好,又见面了,我是你们的朋友全栈君。...AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。...注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。json:返回JSON数据。jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?...,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。text:返回纯文本字符串。 data: 要求为Object或String类型的参数,发送到服务器的数据。...options参数 } header: 在python框架django中前端发起ajax请求如果是post请求需要传csrf参数就是通过header传的 2: 方式二 get请求简写 $.get(

    1.4K10

    中文参数乱码问题——js字符串编码

    大家好,又见面了,我是你们的朋友全栈君。...jquery.get中文参数问题——js符串编码 摘要: 使用jquery.get进行ajax请求获取数据是很常见的操作,一般请求参数都为字母,今天发现在参数中使用中文会出现浏览器兼容性问题,现在记录如下...所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。...使用: 1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。...word=百度&ct=21"); 3、 js使用数据时可以使用escape 例如:搜藏中history纪录 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn

    5.2K10

    jQuery入门前言

    jQuery就是一个由JavaScript编写的轻量库,简单的说就是封装了一些JavaScript的操作,所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。...一、初识jQuery: 1、使用方法: 去官网http://jquery.com/download/下载jQuery的包,然后放到项目中存放js代码的目录下,最后在需要用jQuery的HTML中用<script...+ (index+1) + "个p标签:" + oldHtml; }) //结果就是(假设已经执行了第二种用法中的演示代码): /* 我是第1个p标签href="#">baidu...4、.css(): 在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了。...四、DOM操作: 1、jQuery创建节点: var div = $("我是文本节点") $body.append(div) 这段代码就会在html的body中添加一个div节点,

    3.1K30

    jQuery源码研究:为jQ对象扩展的一些工具方法(下)

    6、trim方法:删除字符串开始与结尾的空格,来看下方法实现: jQuery.extend({ trim: function(text){ return text == null...这个方法的return表达式有两个小知识点: undefined == null为真 text+""这里是用到js中的字符串转义,确保始终是对字符串在进行replace操作 7、makeArray()方法...,因为你连数组都没告诉我,我怎么知道你有没存在的,丢你一脸的-1;如果arr源数组传入了,那么就通过call调用早前定义的好的indexOf方法,来对数组arr进行值elem存在检测。...10、grep()方法,使用指定的回调函数来过滤数组中的元素,并返回过滤后的数组。...在上面讲的方法实现中,关于call和apply的使用是异常频繁的,它也是js比较诡异却又神奇的一个特点,需要真正弄清哦。

    99820

    01-老马jQuery教程-jQuery入口函数及选择器

    除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。...jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。...而且对于页面中的iframe等子页面也做了兼容处理。直接用如下的方法进行使用: // 第一种方式: 给document绑定ready事件。...这里简单说一点: jQuery包装对象本身是一个伪数组,选择器返回的所有的DOM元素都会存在jQuery的包装对象中,并且还有很多其他的jQuery特有的api。...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格,代表后代选择器,获取

    2.9K100

    jQuery

    ,它表示当前点击的对象,使用jquery的对象需要用$(this) // 当前点击的按钮加上current样式后,除了当前,其他的按钮去掉current样式...,它表示当前点击的对象,使用jquery的对象需要用$(this) // 当前点击的按钮加上current样式后,除了当前,其他的按钮去掉current样式...回到顶部 16.滚轮事件与函数节流 jquery.mousewheel插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js...在互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。...正则,新的字符串) 匹配成功的字符去替换新的字符 正则默认规则  匹配成功就结束,不会继续匹配,区分大小写 var sTr01 = 'abcdefedcbaCef'; var re01 = /c/; var

    4.5K20
    领券