博客园 博客园怎么添加代码可运行的js

一些开发平台会使用js文件来执行批处理,通常系统会有js执行引擎,但是可能我们装了dw等一些开发工具自动关联了.js文件,这样js文件便不能直接运行了...
解决方法很简单,将.js文件改回JScript引擎即可。
可以改注册表,但是,这样改更方便
assoc .js=jsfile
大小写没关系
阅读(...) 评论()如何实现加载DOM时执行js代码 - 复活的老羊 - 博客园
随笔 - 232, 文章 - 0, 评论 - 0, 引用 - 0
有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。
大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。
如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了。我们需要更快的方法。Firefox有DOMContentLoaded事件可以轻松解决,可惜的就是IE没有。
MSDN关于JSCRIPT的一个方法有段不起眼的话,当页面DOM未加载完成时,调用doScroll方法时,会产生异常。那么我们反过来用,如果不异常,那么就是页面DOM加载完毕了。所以 对于Mozilla & Opera 浏览器,在dom树载入后有现成的 DOMContentLoaded 事件。对于Safari 浏览器,有document.onreadystatechange事件,当该触发时,如果 document.readyState=complete时,可视为dom树已经载入。
对于ie,当在iframe内时,同样有document.onreadystatechange事件,对于ie在非iframe内时,只有不断地通过能否执行doScroll判断dom是否加载完毕。
在本例中每间隔5毫秒尝试去执行 document.documentElement.doScroll('left')。在ie8下,貌视非iframe窗口也会有document.onreadystatechange事件,另外你也可以在构建自己的框架时使用此函数。
(function(){
var isReady= //判断onDOMReady方法是否已经被执行过
var readyList= [];//把需要执行的方法先暂存在这个数组里
//定时器句柄
ready=function(fn)
if (isReady )
fn.call( document);
readyList.push( function() { return fn.call(this);});
var onDOMReady=function(){
for(var i=0;i& readyList.i++)
readyList[i].apply(document);
readyList =
var bindReady = function(evt)
if(isReady)
onDOMReady.call(window);
if(document.removeEventListener)
document.removeEventListener("DOMContentLoaded", bindReady, false);
else if(document.attachEvent)
document.detachEvent("onreadystatechange", bindReady);
if(window == window.top){
clearInterval(timer);
if(document.addEventListener){
document.addEventListener("DOMContentLoaded", bindReady, false);
else if(document.attachEvent)
document.attachEvent("onreadystatechange", function(){
if((/loaded|complete/).test(document.readyState))
bindReady();
if(window == window.top)
timer = setInterval(function(){
isReady||document.documentElement.doScroll('left');//在IE下用能否执行doScroll判断 dom是否加载完毕
bindReady();
使用方法如下:
ready(dosomething);//dosomething为已存在的函数
//也可以通过闭包来使用
ready(function(){
//这里是逻辑代码博客园页面设置-爱编程
博客园页面设置
注册博客园已经老久老久了,现在依然是个老菜鸟。最近开始尝试着写写博客,一来可以督促自己,二来可以回顾自己在过去到底学了些什么。看到很多人的博客都很炫,自己也就开始慢慢摸索。这里把自己摸索的一些经验总结一下。
一、编辑器
我们很多时候需要引用别人或自己以前的代码。这里可以很方便的加上链接。
一个添加链接 一个取消链接
选中要链接的文字右键就可以选中链接。
填入URL地址,目标一般选择在新窗口打开。
写入书签名
这样可以在文章开始写目录 跳到任意的书签。右键插入链接的时候可以绑定到书签。
点击可以看到源码,任意修改。
4.插入代码
这里可以选中编程语言。如果代码量比较多可以全部折叠。
二、后台设置
1.页面定制CSS代码
这里就可以和前面编辑器联合起来。在编辑器里面的文字选中格式时
如果选择的是标题 那么对应的是&h&标签,这样就可以在用CSS控制其样式。
显示效果,风格统一的小标题。
公告栏一般大家都是贴上自己的靓照,加上自己的简单介绍。
还有的就是挂个漂亮的flash。
&embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" quality="high" bgcolor="#ffffff" width="160" height="70" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="/go/getflashplayer"&
&object type="application/x-shockwave-flash" style="outline:" data="/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2F&up_tailColor=E6DEBE&" width="200" height="160"&
&param name="movie" value="/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&"&
&param name="AllowScriptAccess" value="always"&
&param name="wmode" value="opaque"&&/object&
&span style="color: #3E8BD6;font-size: 9"&求投食~(点图即可)&/span&
例3:还可以贴上
&!--把&XXXXXXXX&替换成你的QQ号--&
&a target="_blank" href="/msgrd?v=3&uin=XXXXXXXX&site=qq&menu=yes"&&img border="0" src="/pa?p=1:XXXXXXXX:13" alt="有事您Q我" title="有事您Q我"&&/a&
例5:还可以贴上你的主页被访问次数
&div style="font-size:20font-weight:"&访次:&&a href=""&&img border="0" src="/counter.php?i=XXXXXXXX&c=XXXXXXXX" alt=""&&/a&&次&/div&
3.页首Html代码
这个我见得比较多的就是大家的GitHub,源码管理。
&(注意,要将上图链接中的you换成自己的在Github上的账号)&
4.开通js权限
博客园默认是没有开通js权限的。可以向管理员申请开通。邮箱:
开通js权限后可以做很多事。
如:在公告栏中自己写个日历或者时钟表什么的。我的就是自己加了个时钟表
5.推荐按钮
原本的推荐按钮是在最底下,不熟悉的人有时候可能找都找不到。
为了方便我们可以设置样式,使之悬浮。
/*快速评论*/
#div_digg {
bottom: 10
border: 2px solid #ECD7B1;
padding: 10
width: 140
background-color: #
border-radius: 5px 5px 5px 5px !
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
如果开通了js权限的话,我们还可以动态添加别的快捷按钮。
如:关注,回到顶部,快速评价。
不知道为什么页面加载完成时还读不到div_digg。可能也是动态生成的。
所以这里只能用定时器 不断的读取,当读取到了再给它动态添加快捷按钮
//自定义 定时器[当元素加载完成是执行回调函数]
function customTimer(inpId,fn) {
if ($(inpId).length) {
var intervalId = setInterval(function () {
if ($(inpId).length) {
//如果存在了
clearInterval(intervalId);
// 则关闭定时器
customTimer(inpId,fn);
//执行自身
//页面加载完成是执行
$(function () {
customTimer("#div_digg", function () {
var div_html = "&div class=''&\
&a href='javascript:void(0);' onclick='c_follow();'&关注&/a&\
&a href='#top'&顶部&/a&\
&a href='javascript:void(0);' onclick=\" $('#tbCommentBody').focus();\"&评论&/a&\
$("#div_digg").append(div_html);
//tbCommentBody
大家如果有自己的窍门谢谢分享到评论区。
版权所有 爱编程 (C) Copyright 2012. . All Rights Reserved.
闽ICP备号-3
微信扫一扫关注爱编程,每天为您推送一篇经典技术文章。}

我要回帖

更多关于 博客园添加链接 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信