欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

javascript

shiping1 的头像

ControlJS-脚本的无阻塞下载

  • ContrloJs有大用
    让页面跑的更快些:ControlJS-脚本的无阻塞下载

    Posted at 2011年04月21日 17:14 | 发现 | 查看:3,249

    官方网站:http://stevesouders.com/controljs/

    ControlJS能做什么:

普通分类: 
shiping1 的头像

javascript 获取 得到 页面高度(多种浏览器)(转)有大用

它们的值都是数字 不带px
普通分类: 
shiping1 的头像

js ie6 png 透时 平忠自己亲自做的 有大用

 <!--[if IE 6]>
    <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/DD_belatedPNG.js" ></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('.trans,.box a:hover,');
    //不管是背景,还是前景 都应是DD_belatedPNG.fix('img,');这样子的
    </script>
<![endif]-->

普通分类: 
shiping1 的头像

js 关闭窗口

<script>
function closeSelfWindow()
{
    parent.window.opener = null;
    parent.window.open("", "_self");
    parent.window.close();
    parent.window.location.href = "";
    window.close();
 
}
</script>
普通分类: 
shiping1 的头像

js document.write

如果在页面onload事件后执行document.write()将会把整个文档清除掉,所以要想不清除文档只能在onload事件触发之前执行,document.write加载js文件会有阻塞页面的加载的问题,当然要要看你具体的业务需求。

普通分类: 
shiping1 的头像

js 教程

shiping1 的头像

什么叫 inline function 内联函数

内联函数是代码被插入到调用者代码处的函数。
像下面的 function 括在里面的 就是内联函数
var something = 10;

var something_else = 15;

普通分类: 
shiping1 的头像

内联引用JavaScript

3.3. 内联引用JavaScript

内联引用是通过HTML标签中的事件属性实现的。

通过onclick等HTML事件属性调用JavaScript

HTML教程介绍了几个事件属性,这些属性要配合脚本语言使用(JavaScript),参见XHTML1.1 属性集合http://www.dreamdu.com/xhtml/attribute_collections/

普通分类: 
shiping1 的头像

inline 内联函数

13.4 inline 函数

从某种角度上讲,inline对程序影响几乎可以当成是一种编译选项(事实上它也可以由编译选项实现)。

13.4.1 什么叫inline函数?

inline(小心,不是online),翻译成“内联”或“内嵌”。意指:当编译器发现某段代码在调用一个内联函数时,它不是去调用该函数,而是将该函数的代码,整段插入到当前位置。

这样做的好处是省去了调用的过程,加快程序运行速度。(函数的调用过程,由于有前面所说的参数入栈等操作,所以总要多占用一些时间)。

这样做的不好处:由于每当代码调用到内联函数,就需要在调用处直接插入一段该函数的代码,所以程序的体积将增大。

拿生活现象比喻,就像电视坏了,通过电话找修理工来,你会嫌慢,于是干脆在家里养了一个修理工。这样当然是快了,不过,修理工住在你家可就要占地儿了。

(某勤奋好学之大款看到这段教程,沉思片刻,转头对床上的“二奶”说:

“终于明白你和街上‘鸡’的区别了”。

普通分类: 
shiping1 的头像

在JavaScript中使用inline函数的问题

在JavaScript中使用inline函数的问题

    前段时间被IE和JavaScript脚本引擎的Memory Leak问题弄得郁闷坏了,不过幸好现在总算是柳暗花明了,并且找到了一些IE中使用脚本避免ML问题的方法。继续研究JavaScript的编写,有发现一些不算ML问题,但是可以节约IE内存使用的方法,在此和大家讨论讨论。

    我们在JavaScript中编写代码,对于定义函数的语句:

普通分类: 
shiping1 的头像

js 初始化事件 onload

window.onload=function (){
kb96('luoye',60,0);
}
普通分类: 
shiping1 的头像

js Date 对象

JavaScript Date 对象参考手册

Date 对象

Date 对象用于处理日期和时间。

创建 Date 对象的语法:

var myDate=new Date()

注释:Date 对象会自动把当前日期和时间保存为其初始值。

Date 对象属性

FF: Firefox, IE: Internet Explorer

普通分类: 
shiping1 的头像

js 取得当前路径

document.location.href  表示 js 当前的路径

function getFromUrlValue()
{
 	if(document.form1.fromurl!=null)
	{
		document.form1.fromurl.value=document.location.href;
	}
 	return true;
}
普通分类: 
shiping1 的头像

ie6 js qq 固定不动

ie6 js 固定不动
下面 其中 ser_qq 为某个元素 它是绝对定位的

<script language="javascript">
var tips;
var theTop = 40;
var old = theTop;
function initFloatTips()
{
 tips = document.getElementById('ser_qq');
 moveTips();
}
function moveTips()
{
    var tt=50;
    if (window.innerHeight)
    {
     pos = window.pageYOffset
    }else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
    }else if (document.body) {
普通分类: 
shiping1 的头像

js中undefined,null和typeof运算符

如果你对undefined和null这两种类型经常分辨不清,那么恭喜,因为你会找到很多的知音。其实要理解这两种类型, 首先要知道它们设计的初衷:

undefined:表示一个对象没有被定义或者没有被初始化。

null:表示一个尚未存在的对象的占位符。

有意思的是undefined类型是从null派生来的。所以它们是相等的:
alert(null == undefined); //输出  “true”

对于所有的JavaScript开发人员,最常碰到的就是对象不存在错误。正如在C#中的空引用错误一样。很多程序员习惯的以为JavaScript中的if会自动将undefined和null对象转化为false,比如:

普通分类: 
shiping1 的头像

屏蔽js错误代码

<!--
window.onerror=function(){return true;}
//屏蔽js错误代码 -->
普通分类: 
shiping1 的头像

js 绑定事件

非ie
它们在底层 原理上是这样 window.addEventListener('click',function(){},false)

button.addEventListener('click',function(){},false)


ie  attachEvent("onclick".....)
普通分类: 
shiping1 的头像

submit各种提交方法和链接大全 表单各种提交方法

第一种:<form  action="" method="post" name="form1">
         <input type=submit>
        </form>
第二种 :<form  action="" method="post" name="form1">
         <img src="abc.gif" onclick="form1.submit()">
        </form>
第三种: <a href="">abc</a>
第四种: <form  action="" method="post" name="form1">
           <input type=button onclick="javscript:location.href='abc.html'">
        </form>
         如果网页有滚动条的话 它会跑到最上面

        <form  action="#" method="post" name="form1">
普通分类: 
shiping1 的头像

js 打印 整个页面 部分页面 (特别是 jQuery实现(支持局部打印)) 有大用

 打印整个页面 <a href="javascript:window.print()"><img src="/images/daying.jpg"></a>

方法多多,自己收集一下

普通分类: 
shiping1 的头像

js javascript 编辑工具 有哪些

1) Aptana   消耗资源太多 舍弃
2) emeditor 好像功能不强 舍弃
3) notepad 好像功能不强 舍弃
4) Editplus
5) Antechinus
6) Eclipse javascript插件 JsEclipse
7) Visual Studio .NET 太庞大
8) AceHTML Pro(HTML/JavaScript编辑工具)介绍
9) jsEdit
10) JavaScript 脚本编辑工具(1st JavaScript Editor Pro ) V5.1 绿色版
11) Netbeans 消耗资源太多 舍弃 (再说了跟eclipse 差不多)
12) spket     Spket是一个Eclipse 下编辑JavaScript 的插件。
13) WebStorm 不太出名
14) dreamweaver 的 插件  好像不太好用 好像是没有结束标签
普通分类: 
shiping1 的头像

js 打印本页 加入收藏

<script Language="Javascript"
  <!-- Begin
  if (window.print) {
  document.write('<form>'
普通分类: 
shiping1 的头像

获取网页滚动条与顶部之间的距离,兼容多浏览器 有大用

普通分类: 
shiping1 的头像

js 判断QQ是否在线


<script language="JavaScript" type="text/javascript">
var online= new Array();
//或者是定义    var online =[];     这是必不可少的,否则会报错
</script>
<!--这个好像不行<script src="http://219.133.49.157/getonline?Type=1&46399408:"></script>  -->
 <script src="http://webpresence.qq.com/getonline?Type=1&976719699:"></script>  
普通分类: 
shiping1 的头像

jquery 最后一个子元素

jQuery-Selectors(选择器)的使用(七、子元素篇)

作者: code-cat  来源: 博客园  发布时间: 2009-12-25 14:22  阅读: 2582 次  推荐: 0   原文链接   [收藏]  

本系列文章导航

普通分类: 
shiping1 的头像

jquery 最后一个元素

jQuery 遍历 - last() 方法

实例

高亮显示段落中的最后一个 span :

$("p span").last().addClass('highlight');

亲自试一试

定义和用法

last() 将匹配元素集合缩减为集合中的最后一个元素。

语法

.last()

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象,.last() 方法会用最后一个匹配元素构造一个新的 jQuery 对象。

普通分类: 
shiping1 的头像

js offsetWidth 不带px

$('.views-table')[0].offsetWidth+'px'
普通分类: 
shiping1 的头像

本来是在某处 但是滚动到顶部时固定不动 自己亲自做的 有大用

先在html中引入 jquery文件
/**
 * Created by Administrator on 2016/6/22.
 */
var agt = navigator
普通分类: 
shiping1 的头像

js 多行字符串 换行 有大用 有大大用

function outputTiYanZhiban()
{
    document.getElementById('tiYanTu').style.display='none';
    var str=" <!-- 播放器代碼塊  -->\
<div id='ePlayerContent' style='display:block;bottom:0px;right:1px!important;position:fixed;border:0px;z-index:99999'>\
    <embed width='350' height='432'  type='application/x-shockwave-flash' allowscriptaccess='always' \

普通分类: 
shiping1 的头像

js substring substr 部分字符串



普通分类: 
shiping1 的头像

js trim

String.prototype.ltrim=function()
{
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim=function()
{
    return this.replace(/\s+$/,"");
}
String.prototype.trim=function()
{
    return this.ltrim().rtrim();
}


  var $dtTimeStart = $('#dtTimeStart').val().trim();
  var $dtTimeEnd = $('#dtTimeEnd').val().trim();
 

 

 

 

 

普通分类: 

页面

Subscribe to RSS - javascript