jQuery各种获取信息,如当前页面标题,链接,当前焦点的元素

jQuery 代码片段,用于获取当前网页的完整标题并将其存储在变量中以供其他脚本使用。这是您在浏览器标题上看到的标题。

不多说,直接上代码

当前页面标题,链接

var current_href = $(location).attr('href');
var current_title = $(document).attr('title');

获取当前焦点的元素

用于获取具有当前焦点的元素并在失去焦点后执行 AJAX 自动保存的 jQuery 代码片段。

//change focus when tabbed across into new item
$('.item :input').live('focus', function()
{
  var thisItem = $(this).parents('.item');
  var thisId = thisItem.attr('id');
  $('.item').removeClass('item-selected'); //remove all focus
  thisItem.addClass('item-selected');  //add focus to current item

  //save those items that have changed
  $.each($('.item-changed'), function(i,v)
  {
      var currItemId = $(this).attr('id');
      //exclude current item
      if (!_this.helpers.itemHasFocus(currItemId))
      {
         console.log('saving '+currItemId);
         _this.save.item(currItemId); /* AJAX auto save */
         $(this).removeClass('item-changed');
      }
  });
});

jQuery 获取URL参数

jQuery 代码片段,用于获取作为参数存储在 url 中的动态变量,并将它们存储为 JavaScript 变量,以供您的脚本使用。随着世界转向动态 Web 应用程序,其使用方式与哈希 URL不同。因此,诸如解码 URL 字符串之类的东西将在未来几年内变得越来越流行。

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}

// example.com?param1=name&param2=&id=6
$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

//example params with spaces
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//output: Gold%20Coast

console.log(decodeURIComponent($.urlParam('city')));  
//output: Gold Coast

例如,这可以用于设置文本输入字段的默认值:

$('#city').val(decodeURIComponent($.urlParam('city')));

感谢 网友 对此功能的改进:

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}


文章来源地址https://www.toymoban.com/diary/js/425.html

到此这篇关于jQuery各种获取信息,如当前页面标题,链接,当前焦点的元素的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/js/425.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
在 TypeScript中扩展HTML元素的属性
上一篇 2023年10月18日 23:40
Rust 与 Python——这是未来的语言吗?
下一篇 2023年10月19日 09:29

相关文章

  • MySQL获取当前时间的各种方式

    输出: 输出: current_timestamp和current_timestamp()函数的效果是一样的,只不过一个是,一个是函数。它们的效果和now()函数也是一样的! 输出: 获取当前日期的方式有多种,这里只介绍常用的几种: 输出: 输出: 输出: 获取当前短时间的方式有多种,这里只介绍常用的几种:

    2024年02月04日
    浏览(61)
  • C#获取当前程序所在路径的各种方法

    结果:X:xxxxxxxxx.exe(.exe文件所在的目录+.exe文件名) 结果:X:xxxxxxxxx.exe(.exe文件所在的目录+.exe文件名) 结果:X:xxxxxxxxx.exe(.exe文件所在的目录+.exe文件名) 结果:X:xxxxxx(.exe文件所在的目录) 结果:X:xxxxxx(.exe文件所在的目录) 结果:X:xxxxxx(.exe文件所在的

    2024年02月11日
    浏览(48)
  • uni-app写微信小程序input获取焦点部分安卓机页面不弹起问题(弹起一点焦点样式问题)

    以上代码是一个自己封装的一个输入框组建 以上是问题出现的关键,没有设置行高 设置行高后就解决了问题,具体原因不详

    2024年02月11日
    浏览(48)
  • CrawlSpider【获取当前访问链接的父链接和锚文本】代码逻辑

    tip: 超链接对应的文案通常被称为“锚文本”(anchor text) 在继承CrawlSpider父类的前提下,编写一个 fetch_referer 方法获取当前response.url的父链接和锚文本。  实现逻辑,通过一个例子简要说明: 如果设置 start_url=\\\"www.baidu.com\\\", Rule(LinkExtractor())匹配链接的规则是任何链接。  那么

    2024年01月25日
    浏览(32)
  • python爬虫爬取微信公众号的阅读数、喜爱数、文章标题和链接等信息

    爬虫的步骤: (1)申请自己的公众号 (2)使用fiddler抓包工具 (3)pycharm (一)申请公众号 官网:微信公众平台 填入相关信息创建微信公众号 进入公众号界面如下: 找到新的创作-图文信息 在弹出的界面中查找公众号文章-输入公众号名称-确定 点击确认之后,进入公众号

    2024年02月05日
    浏览(57)
  • vue获取当前页面地址

    1、vue获取当前页面完整地址:window.location.href 2、获取前面固定地址:window.location.host 关于window.location的详解: window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。 下面,以http://www.xxxxxx.com:8000/test?id=123username=xxx为例来进行解释: 1. win

    2024年02月11日
    浏览(54)
  • 使用罗技鼠标后 弹出当前页面的脚本发生错误AppData/Local/Temp/LogiUI/Pak/js/jquery-1.3.2.min.js解决

    使用的台式机,没有蓝牙驱动,在用logi无线鼠标时,把鼠标连接插入台式机后弹出的如上图所示这个提示,无论是点是/否,还是X掉上图提示,电脑右下角的图依然存在。不习惯这丫的存在。 我重启还是有,然后搜寻解决方式如下: WIN+R,在弹出的对话框输入msconfig,然后点

    2024年02月13日
    浏览(40)
  • 【项目复盘Vue2-移动端】IOS使用Vant表单组件输入框获取焦点后放大页面,安卓软键盘遮挡问题

    使用Vue+Vant做的移动端项目,在登录界面使用Vant的表单组件van-input时发现在真机测试IOS会出现获取焦点输入时会撑大原页面的宽度,每一个输入框获取到焦点就会页面就会放大一点点,需要双指缩放才能回到原来的比例。 经过一番百度后发现: 在移动端开发项目中,发现页

    2024年02月12日
    浏览(68)
  • C# 获取当前设备硬件信息

    需求描述 现在有这样一个需求: 我有A、B两台服务器,其中A是一个视频处理服务器,B是一个数据存储服务器。此时有一个视频需要先在A服务器上进行一系列处理后,再上传到B服务器上进行存储。 为了减少人工手动处理的工作量,A服务器需要主动向B发送数据,然后B服务器

    2023年04月09日
    浏览(42)
  • JeecgBoot获取当前登录用户信息

    如果使用JeecgBoot项目进行开发的时候,有的场景需要获取当前登录人信息做一些逻辑操作 下面分享下通过前后端分别获取用户的方式 本质是使用vuex进行获取 引入store 使用store获取 org.apache.shiro.SecurityUtils 是使用了Apache Shiro框架的认证,所以这里直接使用SecurityUtils类来获取用

    2024年02月12日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包