在 Wordpress 插件中使用 Javascript(jQuery) 脚本
有了前面的一篇文章《在 Wordpress 插件中使用样式表》,则本节《在 WP 插件中使用 Javascript》就好描述,也容易理解的多了。
1,插件的文件夹结构与前文相同。插件完成的功能前文已经述及,本节将加一个功能,当在文字上点击时,弹出一个窗口。本节示例也在前文示例的基础上开发。
本节的 JS 脚本放置在 js 文件夹下,文件名 script.js,内容如下:
jQuery(document).ready(function(){
//---------------
jQuery("#myalert").click(function()
{
alert("Hello, Wordpress and JQuery!");
});
//---------------
});
2,完整代码及其解释
本节还介绍了另一种往文章中加入 CSS 代码的方法,使用了 wp_print_styles 这个 API 事件,与 wp_register_style 和 wp_enqueue_style 函数配合,是更合乎标准的用法。
加入 JS 脚本的代码,与 CSS 很相似,本节以加入一段 JQuery 脚本为例。不熟悉 jQuery 的朋友可以先去学习以下 jQuery,以在代码中使用其强大的功能。
WP 插件中加入 JS 脚本的代码,也有 2 种方法,当然最好也是使用 wp_print_scripts API 配合 wp_register_script 和 wp_enqueue_script 为推荐的方法。
除过几个函数和部分代码有少许的差别外,插件的结构与上节一样,可以参照阅读。
代码执行的结果,就是在页面的 head 部分添加了以下 JS 代码:
<script type='text/javascript' src='http://……/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://……/wp-content/plugins/test-css-js/js/script.js?ver=20100405'></script>
本例的完整代码如下,关键代码有注释:
<?php
/*
Plugin Name: Test_CSS_JS
Plugin URI: http://www
相关文档:
//各种尺寸
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offs ......
1.如何在javascript访问C#变量
方法一:使用<%=%>
<input id="Button3" type="button" value="js调用c#变量" onclick="return Button3_onclick()" />
function Button3_onclick()
{
alert('我的名字:'+ '<%=name %>'); ......
JavaScript不区分单个字符和字符串,任何字符或字符串可以用双引号或单引号引起来。如果字符串本身含有双引号,则应使用单引号将字符串括起来;如果字符串本身含有单引号,则应使用双引号将字符串引起来,两者可以嵌套使用。 ......
刚在CSDN上看到一篇JAVASCRIPT的面试题目,其中有一个题目是关于javascript关键字的问题,试做了一下,结果做错了。唉。汗一个
于是上网找了一下,在此记录下来,以自勉。
Javascript关键字(Reserved
Words)是指在Javascript语言中有特定含义,成为Javascript语法中一部分的那些字。Javascript关键字是不能作为变量名
......
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。
几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的&ld ......