前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript URL实现简易书签

javascript URL实现简易书签

作者头像
欲休
发布2018-03-15 13:52:18
1.1K0
发布2018-03-15 13:52:18
举报
文章被收录于专栏:前端杂货铺前端杂货铺

简介

  在HTML中,我们可以将js嵌入到script标签中,可以嵌入到行内代码中,也可以嵌入到src(href)中。

后者称作javascript URL。该方式的URL格式固定:javascript:expression。

  其中,expression字符串必须能够被解释器所解析执行,执行结果若为字符串,则会用该字符串覆盖当前

文档的内容,如果返回为undefined,则不会覆盖。。

  为了防止当前文档被覆盖,我们常常在表达式前加 void 操作符,或者给表达式赋undefined值。

  利用javascript URL,我们可以实现一个简单的书签(bookmarlet),功能是用百度搜索当前选中文字。

<a href='javascript: var q;
    /*获取Selection对象*/
    if(window.getSelection) q = window.getSelection().toString();
    else q = document.selection.text;
    void window.open("http://www.baidu.com/s?word="+q);
    '>Search In Baidu</a>

  虽然javascript代码有多行,但是解释器依旧会解析为一行。所以,行内的注释不能使用“//”,必须使用“/* */”。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档