首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress 函数:wp_enqueue_script() 安全引入 JS

​WordPress 主题最佳引用 js 文件的方法是使用 WordPress 内置的 wp_enqueue_script() 函数,通过该函数可以安全地将javascript 代码加入到 WordPress...创建的页面中,不仅可以最大限度地保证兼容性,还是提高 WordPress 性能效率的一个方法。...(WP模板路径相关的函数中,通常带有template的是指parent theme,带有stylesheet的指向child theme) $deps – 依赖关系,加载的js文件所依存的其它js的标识字串数组...(array:string),即需要在本代码之前加载的代码的名称 (如js脚本依赖jquery库,那么这里要用数组的形式写上jquery),非必需。...$ver – 加载js文件的版本号,作为查询字串附加在路径的末尾,作用是确保正确的版本信息传递给了客户端,以免受到缓存的影响 (如js脚本发生变化时,通过更改版本号可以强制客户浏览器更新缓存),默认为false

84820

WordPress 教程:使用 wp_localize_script 从 PHP 传递参数给 JavaScript

WordPress 的 wp_localize_script 函数从它名字可以看出它是用来进行前端本地化的,它的工作方式是加载翻译之后的文本,接着将它们当做一个 JavaScript 对象输出到 HTML...使用 wp_localize_script 从 PHP 传递参数给 JavaScript 但是我们使用 wp_localize_script 过程中,反而主要用来从 PHP 传递参数给 JavaScript...,下面我通过微信机器人插件来讲讲如何使用该函数从 PHP 传递参数给 JavaScript。...微信公众平台在用户分享的时候可以让用自定义标题,摘要,图片和链接,我们需要把标题,摘要,图片和链接这些参数从 PHP 传递给 JavaScript, 首先使用 wp_enqueue_script 函数加载微信...第三个是:$data,数据,可以文本,可以二位或者多维数组,会使用 json_encode 函数生成 JavaScript 的对象或者数据。

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

    wordpress插件开发踩坑记

    想要使用 REST API 需要自己额外安装插件:WordPress REST API,现在 WordPress 5.0以上的版本已经默认支持 REST API了,不需要额外去安装插件。...变量设置默认值javascript 中给变量设置默认值可以直接用或运算符 ||,但是在 php 中或运算符 || 只能用来判断,会返回布尔值,要像js中设置默认值只能用if判断或者三元运算符$a = "...Object 对象在PHP 中,有三种类型的数组:// 数值数组:以数字为键的数组,键从0开始自增$arr = ['zhou', 'xiao', 'hei'];// 关联数组:带有指定的键的数组,每个键关联一个值...$list = ['id'=>1, 'name'=>'周小黑'];// 多维数组:包含一个或多个数组的数组其实关联数组就是 javascript 中的对象 Object3....数组取值php 中要获取数组(或"对象",即上面说到的关联数组,也就是前端js中的object)的属性值,要用 ["xx"],不能用 -> ,横线箭头这个是 class 类对象才能这样获取$arr =

    39610

    一文详解 robots meta 标签和 WordPress 中的应用

    robots meta 标签 和其他的 meta 标签(如页面的描述、关键词等)一样,robots meta 标签也是放在页面的中,专门用来告诉搜索引擎 robots 如何抓取该页的内容...nosnippet 不在搜索结果中显示该网页的文本摘要或视频预览。如果有静态图片缩略图,而且它能够实现更好的用户体验,那么搜索引起仍可能显示这类缩略图。...,以增强站点在搜素结果中的用户体验。...新的 wp_robots() 函数 WordPress 5.7 引进了用于输出 robots meta 标签的 wp_robots() 函数,WordPress 内核会在前台头部自动调用该方法,比如在 ...WordPress 提供了 wp_robots 过滤器接口,它接受一个数组参数,你把需要自定义 robots meta 标签的指令,通过数组方式传递给 wp_robots filter 即可 比如给 robots

    81350

    金九银十: 50 个JS 必须懂的面试题为你助力

    JavaScript是一种OOP脚本语言, 代码只在浏览器上运行, JS代码都是文本的形式。...一个匿名函数可以分配给一个变量,它也可以作为参数传递给另一个函数。 问题11:JS中的参数对象是什么&如何获得传递给函数的参数类型 JS 变量arguments表示传递给函数的参数。...问题21:如何使用 JS 删除 cookie 如果要删除cookie以便后续尝试读取cookie,则只需将过期日期设置为过去的时间。 咱们应该定义cookie路径以确保删除正确的cookie。...问题 36:JS的原始/对象类型如何在函数中传递? 两者之间的一个区别是,原始数据类型是通过值传递的,对象是通过引用传递的。 值传递:意味着创建原始文件的副本。...## 问题44:如何在JS中清空数组 有许多方法可以用来清空数组: 方法一: ```javascript arrayList = [] 上面的代码将把变量arrayList设置为一个新的空数组。

    6.6K31

    50 个JS 必须懂的面试题为你助力金九银十

    JS代码都是文本的形式。 问题2:什么 Javascript JavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交互性。...一个匿名函数可以分配给一个变量,它也可以作为参数传递给另一个函数。 问题11:JS中的参数对象是什么&如何获得传递给函数的参数类型 JS 变量arguments表示传递给函数的参数。...问题21:如何使用 JS 删除 cookie 如果要删除cookie以便后续尝试读取cookie,则只需将过期日期设置为过去的时间。 咱们应该定义cookie路径以确保删除正确的cookie。...问题 36:JS的原始/对象类型如何在函数中传递? 两者之间的一个区别是,原始数据类型是通过值传递的,对象是通过引用传递的。 值传递:意味着创建原始文件的副本。...问题44:如何在JS中清空数组 有许多方法可以用来清空数组: 方法一: arrayList = [] 上面的代码将把变量arrayList设置为一个新的空数组。

    4.8K30

    WordPress 网站基于REST API 开发“微信小程序”实战

    其实是WordPress 中的文章id,需要传递到single 页面 var url = '.....图片防盗链的referer 设置 如果你托管图片的服务器有防盗链处理,那么得将servicewechat.com放入白名单中,并不是想当然的qq.com。...Image 的绝对路径必须以https 开头 image 的src 绝对路径,在web 开发中是允许类似//example.com/pic.png的以//开头的存在,这种图片路径在微信web 开发者工具也能正常显示...wxParse 的坑2:image的src 多解析出一个逗号 看图说话: ? 上图也很好解释了上面的referer 坑与图片路径https 开头的坑。...7月8日更新:被人告知我的这篇文章的某些内容被人以某种形式“抄袭”了去,在此声明:本文为原创文章,如果看官有幸看到那篇“抄袭”的文章,请不要认为我这篇是抄袭人家的哦~ 附:本站“微信小程序”系列文章:https

    3.3K60

    WordPress 路径相关函数总结(一):站点路径相关函数

    在开发WordPress 相关产品(主题、插件)的时候,常常需要通过某些函数获取路径,包括URL路径和服务器路径。...在WordPress中,不能认定wp-content目录一定位于/wp-content下,也不能认为admin的地址一定是/wp-admin,为了避免错误,了解WordPress中与获取路径相关的函数很重要...站点路径相关函数,以下以本站 http://devework.com 为例子: home_url() 返回站点路径,相当于后台设置->常规中的"站点地址(URL)"。...上传目录的地址,是一个数组,包含一系列与上传地址相关的信息。...> 提供如下信息给你 * 'path' - 上传目录的服务器绝对路径,通常以反斜杠(/)开头 * 'url' - 上传目录的完整URL * 'subdir' - 子目录名称,通常是以年/月形式组织的目录地址

    1.2K80

    WordPress 路径相关函数总结(一):站点路径相关函数

    在开发WordPress 相关产品(主题、插件)的时候,常常需要通过某些函数获取路径,包括URL路径和服务器路径。...在WordPress中,不能认定wp-content目录一定位于/wp-content下,也不能认为admin的地址一定是/wp-admin,为了避免错误,了解WordPress中与获取路径相关的函数很重要...站点路径相关函数,以下以本站 http://devework.com 为例子: home_url() 返回站点路径,相当于后台设置->常规中的"站点地址(URL)"。...上传目录的地址,是一个数组,包含一系列与上传地址相关的信息。...> 提供如下信息给你 * 'path' - 上传目录的服务器绝对路径,通常以反斜杠(/)开头 * 'url' - 上传目录的完整URL * 'subdir' - 子目录名称,通常是以年/月形式组织的目录地址

    92860

    WordPress 教程:如何正确引用 JavaScript 和 CSS 文件

    在开发 WordPress 插件或者是制作 WordPress 主题的时候,都会引用一些 JavaScript 和 CSS 脚本资源。...WordPress 的排队引用(Enqueue Scripts)资源机制 在 WordPress 中引用资源,应该使用 wp_enqueue_script 这个函数,函数名中有个单词 enqueue 是排队或者排序的意思...此外,WordPress 中内置了一些常用的库(例如 jQuery、jQuery UI 等),我们可以使用 wp_enqueue_script 这个函数直接调用内置库,可以节约代码量,更加清晰规范。...如果引用的是 jQuery 插件,需要依赖 jQuery 组建,那么就需要填写上 jQuery。注意,以数组的形式传递。 $ver:资源版本,可选的。 $in_footer:是否放在底部。...下面看一个引用 JavaScript 文件的比较完整的例子: <?

    1.3K40

    WordPress 自定义菜单功能介绍和使用详解

    让 WordPress 主题支持自定义菜单功能 下面来详细讲解如何在主题中,添加这个功能。也很简单,只需要在两个地方,添加两小段代码即可!...实现 WordPress 自定义菜单功能这个功能有两个函数 register_nav_menu 和 register_nav_menus 顾名思义,第一个函数用于创建一个自定义菜单,第二个函数用于创建多个自定义菜单...两个函数使用大同小异,下面也是根据第二个函数进行讲解。 register_nav_menus 使用方法也很简单,只需要传递一个数组参数即可。 这句代码使用了 wp_nav_menu 函数。这个函数也是传递一个数组作为参数,但是这个数字里面的键名比较多。下面根据官方文档的说明选择几个重要的做了一个简单的翻译: 'theme_location' => 可选,值为之前在functions.php中 register_nav_menus 传递的数组参数中的键名,进行绑定。

    1.2K20

    【JAVA-Day34】使用Java函数处理命令行参数

    不同类型的函数参数 在Java中,函数参数可以分为两种主要类型: 形式参数(Formal Parameters): 形式参数是在函数声明或定义中命名的参数。它们是函数的一部分,用于指定函数接受的输入。...形式参数是函数内部使用的变量,用于处理传递给函数的实际参数。 实际参数(Actual Arguments): 实际参数是在调用函数时提供给函数的值。它们是函数调用的一部分,用于向函数传递数据。...实际参数的值将被分配给相应的形式参数,在函数内部进行处理。 参数的作用和在函数中的角色 函数参数在程序中扮演重要的角色: 数据传递: 参数允许在函数调用时向函数传递数据。...这些数据可以是任何类型的值,如整数、字符串、对象等。 函数配置: 参数可以用于配置函数的行为。通过传递不同的参数值,同一个函数可以执行不同的操作,实现了函数的通用性和灵活性。...如何进行命令行传参 使用Java函数处理命令行参数的步骤 在Java中,处理命令行参数通常涉及一系列步骤,以确保参数被正确解析和利用。下面我们将详细介绍如何在Java中处理命令行参数。

    5910

    10个WordPress的query_posts语句使用技巧

    不同调用方法 传统的文章调用方法是以查询字符串形式传递query_posts参数(如variable1=value1&variable2=value2&…),不过后来有了新方法——用数组来设置查询参数。...> 当然,使用哪种方法完全由个人习惯决定,不过我认为用数组更为方便,原因如下: 便于阅读,可以利用if语句更轻松地给数组添加条件,以动态生成查询一些查询参数(某些使用频率较低的参数,如分类参数和标签参数...)需要被传递数组你可以将函数调用以参数的形式传递 3....WordPress 2.9引入了以评论的数量多寡给文章排序的功能,这样就可以更方便地向访客显示最受欢迎的文章….不过这里为了使用query_posts,我们假设一下不使用WordPress的这个功能。...置顶文章 WordPress在 2.7版本中引入了文章置顶功能。 这使用户选定的文章能够不受时间的排序标准,总是显示在文章列表的最上方。

    75690

    不愧是腾讯,面完满头大汗

    这种模式不需要服务器端的配置,所有浏览器都支持。 History模式:使用HTML5 History API来管理路由。在这种模式下,URL的路径会显示在地址栏中,更加符合传统的URL格式。...以上信息仅供参考,建议查阅专业书籍或咨询专业人士以获取更准确的信息。 Vue最大的优点和缺点是什么?...介绍一下Webpack Webpack的核心功能包括: 模块化:Webpack将所有资源(JavaScript、CSS、图片等)视为模块,可以根据需要进行打包和引用。...file-loader:用于处理非JavaScript文件,如图片、字体等。 webpack.optimize.UglifyJsPlugin:用于压缩和混淆JavaScript代码。...在ES6中,实现排序的方法主要有以下几种: Array.prototype.sort() 方法:这是JavaScript中内置的排序方法,可以对数组进行排序。

    12710

    深度学习的JavaScript基础:从浏览器中提取数据

    ,还可以是其它远程服务器上的资源,以URL的形式提供。...比如上面代码中,使用crossOrigin属性,并将其设置为anonymouse,显式地允许该元素加载cross-site资源。 我们也可以通过JavaScript,以编程方式完成上述代码的功能。...好在JavaScript是一种非常通用的语言,内置了对类型化数组和数组缓冲区的支持,这使得在浏览器中使用二进制数据非常方便。...相比文本表示格式(如csv或JSON),二进制数据文件更小,加载速度更快(不需要解析),这使得在JavaScript中加载较大规模的模型权重成为可能。...小结 本文探讨如何在浏览器中获取数据的几种方法,包括图像数据、音频数据,现代浏览器具备原来越丰富的设备访问能力,配合移动终端方便易用的外设,必将产生越来越多的有趣的机器学习应用。

    1.8K10
    领券