精品国产欧美日韩一区二区三区,永久在线免费观看,99精品欧美一区二区三区

seal — Tue, 22 Jun 2010 15:17:00 GMT

/**
* 获取光标所在的字符位置
* @param obj 要处理的控�g, 支持文本域和输入�?br /> * @author hotleave
*/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"
/>
<title>js获取光标位置</title>
<script type="text/javascript">
/**
* 获取光标所在的字符位置
* @param obj 要处理的控�g, 支持文本域和输入�?
* @author hotleave
*/
function getPosition(obj){
//alert(obj.tagName);
var result = 0;
if(obj.selectionStart){ //非IE���览�?
result = obj.selectionStart
}else{ //IE
var rng;
if(obj.tagName == "TEXTAREA"){ //如果是文本域
rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x,event.y);
}else{ //输入�?
rng = document.selection.createRange();
}
rng.moveStart("character",-event.srcElement.value.length);
result = rng.text.length;
}
return result;
}
function getValue(obj){
var pos = getPosition(obj);
//alert(pos);
alert(obj.value.substr(0,pos)+" [�q�里是添加的内容]
"+obj.value.substr(pos,obj.value.length));
}
</script>
</head>
<body>
<input type="text" value="你好,Amethyst!" onmouseup="getValue(this)"
style="display:block">
<textarea rows="6" cols="60" onmouseup="getValue(this)">Amethyst,
你好.

另存代码提示�Q�您可以先修攚w��分代码再�q�行

<html>
<head>
<title>js获取光标位置</title>
<style>
body,td{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}
</style>
<script type="text/javascript">
var start=0;
var end=0;
function add(){
var textBox = document.getElementById("ta");
var pre = textBox.value.substr(0, start);
var post = textBox.value.substr(end);
textBox.value = pre +
document.getElementById("inputtext").value + post;
}
function savePos(textBox){
//如果是Firefox(1.5)的话�Q�方法很����?
if(typeof(textBox.selectionStart) == "number"){
start = textBox.selectionStart;
end = textBox.selectionEnd;
}
//下面是IE(6.0)的方法，�ȝ��得很�Q�还要计���上'"n'
else if(document.selection){
var range = document.selection.createRange();
if(range.parentElement().id == textBox.id){
// create a selection of the whole textarea
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
//两个range�Q�一个是已经选择的text(range)�Q�一个是整个textarea(range_all)
//range_all.compareEndPoints()比较两个端点�Q�如果range_all比range更往�?further to the
left)�Q�则                 //�q�回���于0的��|��则range_all往右移一点，直到两个range的start相同�?
// calculate selection start point by moving beginning
of range_all to beginning of range
for (start=0;
range_all.compareEndPoints("StartToStart", range) < 0; start++)
range_all.moveStart('character', 1);
// get number of line breaks from textarea start to
selection start and add them to start
// 计算一�?n
for (var i = 0; i <= start; i ++){
if (textBox.value.charAt(i) == '"n')
start++;
}
// create a selection of the whole textarea
var range_all = document.body.createTextRange();
range_all.moveToElementText(textBox);
// calculate selection end point by moving beginning
of range_all to end of range
for (end = 0; range_all.compareEndPoints('StartToEnd',
range) < 0; end ++)
range_all.moveStart('character', 1);
// get number of line breaks from textarea start
to selection end and add them to end
for (var i = 0; i <= end; i ++){
if (textBox.value.charAt(i) == '"n')
end ++;
}
}
}
document.getElementById("start").value = start;
document.getElementById("end").value = end;
}
</script>
</head>
<body>
<form action="a.cgi">
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>start: <input type="text" id="start"
size="3"/></td>
<td>end: <input type="text" id="end"
size="3"/></td>
</tr>
<tr>
<td colspan="2">
<textarea id="ta" onKeydown="savePos(this)"
onKeyup="this.value=this.value.replace(/["�Q�]/g,',');savePos(this);"
onmousedown="savePos(this)"
onmouseup="savePos(this)"
onfocus="savePos(this)"
rows="14" cols="50">

另存代码提示�Q�您可以先修攚w��分代码再�q�行

seal 2010-06-22 23:17 发表评论

FCKeditor: Resolve “FCKeditorAPI is not defined�?issue

seal — Mon, 21 Jun 2010 16:12:00 GMT

FCKeditor offers a complete JavaScript API so you can interact with it once the editor is loaded and running.

Once loaded, the editor registers a global object called FCKeditorAPI. This object offers the entry point to interact with any editor instance placed in a page.

NOTE: The FCKeditorAPI object will not be available during the page load. You need to wait for the editor to be loaded to use it.

Often, I see that people complain about a JavaScript error, “FCKeditorAPI is not defined”, when they try to use FCKeditorAPI.

For example

The following code will throw a JavaScript error when you try to use the FCKeditorAPI -

You can resolve the JavaScript error by adding a line of code (Line # 4) as shown below -

Hope this helps!

seal 2010-06-22 00:12 发表评论

IE和Safari中重命名html元素需要注意的问题

seal — Thu, 10 Jun 2010 16:10:00 GMT

Author�Q?Sealyu 2010-6-10

�q�两天在处理��览器兼容的时候碰到很多问题，特别是在重新命名checkbox的时候，在IE和Safari中都��到一些怪异的问题�?br />

IE中不能在�q�行旉��命名元素�?/li>

按照微��Y的解释，�q�行时是无法重命名的�Q?br /> After some digging, I found an explanation in the MSDN DHTML reference, on the page describing the NAME Attribute.

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

后来扑ֈ�国外的一��帖子，扑ֈ�一个解��x��法，那就是��?a title="MSDN mergeAttributes Documentation" >mergeAttributes �Ҏ��Q�模拟新��Z��个只有name不同的元素，�q�和之前的元素合�qӞ��q�样��p��辑ֈ�重命名的效果了。代码如下：

var setElementName = function(el, newName) {

el = (typeof el === "string") ? document.getElementById(el) : el;

el.name = newName;

if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { // Internet Explorer test

el.mergeAttributes(document.createElement("" + newName + "'/>"), false);

}

};

2. Safari中，如果用getElementsByName得到一个checkbox�l�，那么重命名的�? 候，无法用for循环全部重命�?br /> 例如�Q?br />

var checkBoxes = document.getElementsByName("testCheckbox");
          var checkBoxesSize = checkBoxes.length;
          for (var i = checkBoxesSize - 1; i >= 0; i--) {
             if (checkBoxes[i] && !checkBoxes[i].checked) {
                 setElementName(checkBoxes[i],"testCheckbox-new");
             }
           }

�q�种情况在IE和Firefox下面都没有问题，全部的checkbox都会被成功的重命名�?br /> 但是在Safari下面�Q�无法实现这个目的。经�q�调试发玎ͼ�在Safari中，如果使用getElementsByName来得到这个checkbox�l�，那么在重命名的时候，如果使用for循环来依�ơ进行，那么每重命名一个checkbox�Q�safari��自动将�q�个元素从for循环中移除，�q�样�q�个循环在进行到一半的时候就会报错：checkBoxes[i][null]不是一个元素�?br /> �U�结了一�D�|��_��本来打算想一个算法来解决�q�个问题�Q�后来突然想到另外一个简单一点的�Ҏ��Q?br /> 使用getElementsByTagName�Ҏ��来得到所有元素，�q�从中筛选出对应的checkbox�Q�如果符合条�Ӟ��再重命名。这�U�情况下�Q�因��Z��用的tag�c�d��来获得的数组�Q�所以在for循环中，在重命名checkbox后，safari��׃��会自动的�U�除对应的元素。具体代码如下：

var elementlist = document.getElementsByTagName("input");
 var elementSize = elementlist.length;
 for(var i=0; i<elementSize;i++){
 var curElement = elementlist[i];
 if(curElement.type =='checkbox' && curElement.name == 'testCheckbox' && !curElement.checked){
 curElement.name='testCheckbox-new';
 }
 }

seal 2010-06-11 00:10 发表评论

prototype.js �?Ajax.updater �?用法(�?

seal — Thu, 10 Jun 2010 15:40:00 GMT

ajax.updater �Ҏ��?个参�? ajax.updater(container, url, options)
分别表示 1.控�gid�Q?.��h��的url�Q?.具体如下�Q�可选）�Q?/font>

属�?/th> �c�d�� Default 描述

method Array 'post' HTTP ��h��方式。get or post

parameters String '' 在HTTP��h��中传入的url格式的值列表�?/td>

asynchronous Boolean true 指定是否做异�?AJAX ��h��?/td>

postBody String undefined 在HTTP POST的情况下�Q�传入请求体中的内容�?/td>

requestHeaders Array undefined 和请求一赯��传入的HTTP头部列表�Q?�q�个列表必须含有偶数个项目， ��M��奇数��目是自定义的头部的名称�Q? 接下来的偶数��目使这个头部项目的字符串倹{�?例子:['my-header1', 'this is the value', 'my-other-header', 'another value']

onXXXXXXXX Function(XMLHttpRequest) undefined 在AJAX��h��中，当相应的事�g/状态�Ş成的时候调用的自定义方法�?例如 var myOpts = {onComplete: showResponse, onLoaded: registerLoaded};. �q�个�Ҏ��被传入一个参敎ͼ� �q�个参数是携带AJAX操作�?XMLHttpRequest对象�?/td>

onSuccess Function(XMLHttpRequest) undefined 当AJAX��h��成功完成的时候调用的自定义方法�?�q�个�Ҏ��被传入一个参敎ͼ� �q�个参数是携带AJAX操作�?XMLHttpRequest对象�?/td>

onFailure Function(XMLHttpRequest) undefined 当AJAX��h��完成但出现错误的时候调用的自定义方法�?�q�个�Ҏ��被传入一个参敎ͼ� �q�个参数是携带AJAX操作�?XMLHttpRequest对象�?/td>

insertion Function(Object, String) null ��Z��把返回的文本注入��C��个元素中而执行的�Ҏ��?�q�个�Ҏ��被传入两个参数�Q�要被更新的对象�q�且只应用于 Ajax.Updater 对象中应用�?/td>

decay

Number

undefined, 1

军_��当最后一�ơ响应和前一�ơ响应相同时�?function getContents()
{
var request_url = "test1.html";       // 需要获取内容的url
var request_pars = '';//��h��参数

var myAjax = new Ajax.Updater('result', request_url,{ // ��request_url�q�回内容�l�定到id为result的容器中
method     : 'get', //HTTP��h��的方�?get or post
parameters : request_pars, //��h��参数
onFailure  : reportError, //��p�|的时候调�?nbsp;reportError 函数
onLoading  : loading, //正在获得内容的时�?nbsp;
onComplete : done     //内容获取完毕的时�?nbsp;
});
}

function loading()
{
$('loading').style.display = 'block';
}

function done()
{
$('loading').style.display = 'none';
}

function reportError(request)
{
alert('Sorry. There was an error.');
} Ajax.Updater 为我们提供加载文档时候的三种状�? onComplete,onLoading,onFailure.我们可以自定义一个函数分别相应这三种不同的状态�?br /> 下面的例子用��C��success (一切OK的时候才被用�? �Q�和它同�{�地位的属性还有一�?font face="Courier New">failure (有地方出问题的时候被用到) �q�里没用到。出错时�?onFailure 处调�?reportError �Ҏ��?br />

seal 2010-06-10 23:40 发表评论

Detecting Internet Explorer More Effectively

seal — Tue, 08 Jun 2010 20:35:00 GMT

This topic demonstrates how to detect current and future versions of Windows Internet Explorer more effectively.

This topic contains the following sections.

Introduction
Parsing the User-Agent String
Using Conditional Comments
Detecting Features
Using the ASP.NET HttpBrowserCapabilities Object
Alternatives to Browser Detection
Summary

Introduction

Many Web designers use browser detection techniques to ensure that their sites display properly when viewed with specific browsers. Some browser detection techniques encounter problems when viewed with later versions of the browser they're tailored for. For example, many Web designers used Cascading Style Sheets (CSS) rules that relied on the implementation of CSS in Microsoft Internet Explorer 6 to detect that version of the browser. When Internet Explorer 7 provided additional support for the CSS, Level 2 (CSS2) standard, many of these rules (also known as "CSS hacks") failed to detect the new version of the browser. As a result, sites that relied on these rules no longer displayed as intended. When using browser detection techniques, use techniques that support current and future versions of the browser you're targeting.

This topic examines four different ways to detect Internet Explorer and also provides a brief look at alternatives to browser detection. Advantages of each technique are reviewed and suggestions are offered for effective use. In addition, examples demonstrate techniques that support current and future versions of Internet Explorer.

Parsing the User-Agent String

The most common way to detect Internet Explorer is to use client-side scripting to parse the user-agent string and extract the version number from the version token. The following example shows the preferred way to do this with JavaScript.

Copy

function getInternetExplorerVersion()



// Returns the version of Internet Explorer or a -1



// (indicating the use of another browser).



{



var rv = -1; // Return value assumes failure.



if (navigator.appName == 'Microsoft Internet Explorer')



{



var ua = navigator.userAgent;



var re  = new RegExp("MSIE ([0-9]{1,}[".0-9]{0,})");



if (re.exec(ua) != null)



rv = parseFloat( RegExp.$1 );



}



return rv;



}



function checkVersion()



{



var msg = "You're not using Internet Explorer.";



var ver = getInternetExplorerVersion();







if ( ver > -1 )



{



if ( ver >= 8.0 ) 



msg = "You're using a recent copy of Internet Explorer."



else



msg = "You should upgrade your copy of Internet Explorer.";



}



alert( msg );



}

As you review this example, please note the following:

A regular expression extracts the version number from the user-agent version token. Regular expressions let you specify optional conditions to match, so that you can match a larger number of version tokens, not just those that match a strict set of conditions.
The version number extracted from the version token is formally converted to a numeric value. Care must be taken because pre-release versions of Internet Explorer typically add letters to the version token. For example, the version token for pre-release versions of Internet Explorer 7 was "MSIE 7.0b."
The checkVersion() function verifies that the browser is version 8.0 or later. This ensures that the welcome message is displayed for those using newer versions of the browser.

This example properly detects most versions of Internet Explorer, but only if scripting is enabled. However, the user-agent string is dynamic; it can be changed by the end user, by browser extensions, and by operating system updates. As a result, there's no guarantee that the user-agent string accurately reflects the browser being used. The next sections show techniques that may be more effective alternatives.

Note It is not recommended that you block access to content based on the user-agent string of the browser. If you do have to offer different content to different versions of the browser due to improved capabilities, you want to ensure that future versions of the browser are not blocked. Serving content based solely on the user-agent string is often an unreliable way to detect the full capabilities of the browser.

For more information about the user-agent string and Internet Explorer's user-agent tokens, see Understanding User-Agent Strings.

Using Conditional Comments

If you are specifically interested in Internet Explorer, conditional comments might be a more appropriate choice. The following example shows an effective way to use conditional comments to display custom content.

Copy

You're not using Internet Explorer.

Like the earlier JavaScript example, this example makes sure the current version is greater than or equal to a specified version number. This ensures that the content designed for the current version of the browser is properly displayed in a future version.

This example carefully combines downlevel-revealed and downlevel-hidden conditional comments to ensure that each message appears only for the intended browsers.

Because conditional comments do not rely on JavaScript, they are effective even if the user has disabled scripting. Unlike the user-agent string, conditional comments are typically updated when the browser is upgraded. This makes them more reliable than user-agent strings. However, because no other browser currently supports conditional comments, they are limited to Internet Explorer. Depending on your needs, this may be an advantage or a disadvantage.

For more information about conditional comments, see About Conditional Comments.

Detecting Features

For many Web sites, detecting a browser's features is the preferred form of browser detection because it allow the Web developer to focus on the general capabilities of a browser, rather than the specific details of each browser release. The following example demonstrates a simple form of feature detection.

Copy

if (XMLHttpRequest)



{



// This browser implements this feature. 



}

Feature detection tends to support a broader range of browsers. In addition, should a browser implement the feature you're interested in, your content will be delivered without requiring changes to your browser detection technique. As a result, techniques that focus on features tend to require less maintenance than techniques that rely on environmental factors, such as the user-agent string. In addition, they tend to work across a wider variety of browser devices, including screen readers, mobile devices, and so on.

Use care when creating or using browser detection techniques that attempt to detect a browser based on unsupported functionality. If a future version of the browser implements the missing feature, it's entirely possible your site may not display as intended.

Using the ASP.NET HttpBrowserCapabilities Object

ASP.NET developers can use the HttpBrowserCapabilities object to detect and respond to almost any browser. In addition, alternate content is not sent to the end-user's browser. The following example shows how to detect Internet Explorer from an ASP.NET application using C#.

Copy

private float getInternetExplorerVersion()



{



// Returns the version of Internet Explorer or a -1



// (indicating the use of another browser).



float rv = -1;



System.Web.HttpBrowserCapabilities browser = Request.Browser;



if (browser.Browser == "IE")



rv = (float)(browser.MajorVersion + browser.MinorVersion);



return rv;



}







private void Page_Load(object sender, System.EventArgs e)



{



string msg;



double ver = getInternetExplorerVersion();



if (ver > 0.0)



{



if (ver >= 7.0) 



msg = "You're using a recent version of Internet Explorer.";



else



msg = "You should upgrade your copy of Internet Explorer.";



} 



else



msg = "You're not using Internet Explorer.";







Label1.Text = msg;



}

Because the HttpBrowserCapabilities object parses the user-agent string for you, you can use the MajorVersion and MinorVersion properties to determine the current version of the browser. Unlike the JavaScript examples, these properties are numeric; MajorVersion returns an integer value, and MinorVersion returns a double value. Depending on the language used to implement your ASP.NET application, however, you might still have to typecast these property values to the data type you're using. To illustrate, the C# example converts MajorValue to the floating point value returned by the function.

For more information about the HttpBrowserCapabilities object, see HOW TO: Determine the Browser Version in ASP.NET or Browser Sniffing in ASP.NET .

Alternatives to Browser Detection

If you use browser detection because Internet Explorer doesn't appear to support a particular feature, an alternate approach may be more effective. Before implementing new (or revising existing) browser detection, it may be worthwhile to consider one of the following approaches to solve the underlying problem.

Internet Explorer allows Web developers to choose between various document compatibility modes that affect the way the browser interprets and displays content. If you are not seeing the results you expect, a different document compatibility mode may provide the results you seek. For more information, see Defining Document Compatibility.

You may want to consider using the Developer Tools to preview your pages in different document compatibility modes or to experiment with different ways to achieve various visual and layout effects. It's entirely possible there's another way to accomplish the same result.
If the Document Object Model (DOM) doesn't support a feature that you need, you may be able to add the feature using DOM mutable prototypes.
If none of the previous suggestions apply, it may be worthwhile to consider using an alternate approach.

Summary

If you must detect the browsers that view your Web sites, follow effective practices: plan for future browser releases, convert values appropriately, and design techniques to fail gracefully. Doing so will reduce the long-term maintenance of your site and help ensure that your site functions properly when viewed with newer versions of Internet Explorer and other browsers.

Community Content

Bad browser detection

Using "v to detect IE is a bad idea because this will not work if future versions of IE change this behavior. The officially supported detection methods should be used.

However this example from the article is misleading. Since other browsers don't support conditional comments [if !IE] results in comments that will show up in no browsers.

You're not using Internet Explorer.

How to detect IE8 using JavaScript

Check out:
http://blogs.msdn.com/giorgio/archive/2009/04/14/how-to-detect-ie8-using-javascript-client-side.aspx

Shortest way of detecting IE

More efficient way to detect any version of IE is

function isMSIE() {



return '"v' == 'v';



}

The JScript engine used in IE doesn't recognize and therefore escape vertical tabulation character while all other does.

seal 2010-06-09 04:35 发表评论

Using the navigator object to detect client's browser

seal — Tue, 08 Jun 2010 20:34:00 GMT

Until one browser remains standing on the web (if ever), browser detection will continue to be part of any good JavaScripter's life. Whether you're gliding a div across the screen or creating an image rollover, it's fundamental that only relevant browsers pick up on your code. In this tutorial we'll probe the navigator object of JavaScript, and show how to use it to perform browser detection, whether the subject is Firefox, Internet Explorer 7, Opera, etc.

The navigator object

The navigator object was conceived back in the days when Netscape Navigator reined supreme. These days it serves as much as an irony of NS's diminished market share as way of probing browser information.

The navigator object of JavaScript contains the following core properties:

Properties	Description
appCodeName	The code name of the browser.
appName	The name of the browser (ie: `Microsoft Internet Explorer`).
appVersion	Version information for the browser (ie: `4.75 [en] (Win98; U)`).
cookieEnabled	Boolean that indicates whether the browser has cookies enabled.
language	Returns the default language of the browser version (ie: `en-US`). NS and Firefox only.
mimeTypes[]	An array of all MIME types supported by the client. NS and Firefox only.
platform[]	The platform of the client's computer (ie: `Win32`).
plugins	An array of all plug-ins currently installed on the client. NS and Firefox only.
systemLanguage	Returns the default language of the operating system (ie: `en-us`). IE only.
userAgent	String passed by browser as user-agent header. (ie: `Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)`)
userLanguage	Returns the preferred language setting of the user (ie: `en-ca`). IE only.

Let's see exactly what these properties reveal of the browser you're currently using:

appCodeName: Mozilla
appName: Netscape
appVersion: 5.0 (Windows; zh-CN)
userAgent: Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-CN; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
platform: Win32

At a glance

At a glance at the above table, you may be swayed towards turning to the following two properties to do your browser detection bidding:

navigator.appName
navigator.appVersion

After all, you are trying to detect a browser's name and version right? However, they both will most likely mislead you. In browsers such as various versions of Netscape and Firefox, these two properties return simply "Netscape" for appName, and 5.0 for appVersion without any further distinction for Firefox and its version, and hence are pretty much useless in the real world. For example, in both Firefox 1.x and Firefox 2.x, these two properties return:

appName: Netscape



appVersion: 5.0 (Windows; en-US)

We need to turn to a property that's more thorough in its investigative work if we want more consistency and accuracy, and that turns out to be navigator.userAgent.

Detecting Firefox x.x

In Firefox 2.0.0.13 for example, the userAgent property reads:

UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.13) Gecko/20080311 Firefox/2.0.0.13

The detail we're interested in apparently lies at the very end, or Firefox/2.0.0.13. Different versions of Firefox will contain a different version number, but the pattern is consistent enough. The part we're interested in occurs after the string "Firefox/", or the exact version number. There are many ways to get to it using either standard String or RegExp methods- I'm opting for the later here:

Output: You're using FF 3.x or above

Basically, I'm capturing just the versonMajor.versionMinor portion of the full version number of Firefox (ie: 2.0.0.13 becomes simply 2.0), and using that as basis to detect the various versions of Firefox. Delving any deeper, and the returned version may no longer be a number but a string (ie: 2.0.0), which makes numeric comparisons cumbersome.

Detecting IE x.x

In IE 7.0 for example, the userAgent property reads:

UserAgent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727)

So the part we're interested in lies in the middle, or MSIE 7.0;. If you try a shortcut and use parseFloat on the entire string to get to the 7.0 portion, it won't work. This is due to the way parseFloat works- by returning the first number it encounters, which in this case is 4.0. Once again we need to use either standard String or RegExp methods again to get to the actual version number; below I'm using RegExp as well:

Output: n/a

Detecting Opera x.x

Detecting Opera using the navigator object at first appears to be tricky business due to the browser's identity crisis. You see, Opera 8 and below by default identifies itself as IE6 (or lower) in the navigator object. Users can override this setting under "Edit Site Settings" in the toolbar to identify as Opera or even another browser instead. Starting in Opera 9, the browser regains its confidence and identifies by default as itself, Opera, though users can still modify this setting manually in the toolbar. The bottom line is, Opera can appear as either Opera, Internet Explorer, or another browser within a designated list in the navigator object.

Lets take a look at what navigator.userAgent in Opera 8.5 returns depending on what it has chosen to identify itself as (whether automatically or manually):

As IE6: Mozilla/4.0 (compatible; MSIE 6.0; Windows XP) Opera 8.5 [en]
As Moz5: Mozilla/5.0 (Windows XP; U) Opera 8.5 [en]
As Opera: Opera/8.5 (Windows XP; U) [en]

Notice how if it's set to identify as IE, MSIE 6.0 appears within the string, while if set to identify as Mozilla, Mozilla/5.0 appears instead. As Opera itself, Opera/8.5 appears. In all three cases, the one commonality that we can exploit to actually detect Opera and its true version regardless of which identify it's decided to take on is the string "Opera x.x" or "Opera/x.x" within navigator.userAgent. In other words, there are two versions of the target string we need to be aware of. With that said, here's how you might go about testing for a specific version of Opera, which turns out to be no different than the technique used for detecting, say, Firefox:

Output: n/a

Conclusion

We've seen how to use navigator to detect the browser type of your visitors. If the potential pitfalls and complexity of usage of it is a little too much for you, an alternative is to use Object Detection. Whichever method you choose, just be sure to choose one!

seal 2010-06-09 04:34 发表评论

seal — Tue, 08 Jun 2010 14:23:00 GMT

TEST

附：IE 中的定义�Q?http://msdn.microsoft.com/en-us/library/ms535872%28VS.85%29.aspx
http://msdn.microsoft.com/en-us/library/ms533042%28VS.85%29.aspx

seal 2010-06-08 22:23 发表评论

Setting the name attribute in IE's DOM

seal — Thu, 03 Jun 2010 22:04:00 GMT

An old problem with IE is that you can't set the name attribute on form elements in the DOM directly. Fortunately there is a workaround to this issue using IE's mergeAttributes method. By creating a temporary named element acceptable by IE's createElement method, you can merge the name attribute into the element you desire, allowing you to name or rename an element. An example demo follows.

var setName = function(el, newName) {



el = (typeof el === "string") ? document.getElementById(el) : el;



el.name = newName;



if (/*@cc_on!@*/0) { // Internet Explorer test (needs to be modified for IE8)



el.mergeAttributes(document.createElement(""), false);



}



};

In Mootools 1.2.1:

var setName = function(elementId, newName) {



var el = (!!elementId) ? $(elementId) : null;



if (!elementId || !newName || !el) return;







el.set({ "name" : newName });



if (Browser.Engine.trident4 || Browser.Engine.trident5) {



el.mergeAttributes(document.createElement(""), false);



}



};

Demo:

Before OUTERHTML:

seal 2010-06-04 06:04 发表评论

Inserting at the cursor using JavaScript

seal — Thu, 03 Jun 2010 19:12:00 GMT

NOTE: I’ve released a set of JavaScript Quicktags (that implement this technique) under the LGPL license. Please look at this code as it has a variety of enhancements and bug fixes.

I discovered a real JavaScript gem in PHPMyAdmin this morning. They have code that inserts content into a at the cursor position instead of just at the beginning/end of the content. This is something I thought wasn’t possible – I’m quite pleased I was wrong. I’ll be glad to see this code spread quickly to web forms that use buttons to aid in styling text and inserting image and link tags. <a rel="external">WordPress</a> and other blog and web forum packages would really benefit from this. (PHPMyAdmin is GPL, so any other GPL app should be able to use their code directly with attribution). Here is a quick look at a generic version of the technique: <div style="overflow: auto; width: 375px;"><code>function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = myValue; } //MOZILLA/NETSCAPE support else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length); } else { myField.value += myValue; } } // calling the function insertAtCursor(document.formName.fieldName, 'this value');</code></div> I guess when the mouse leaves the textarea, it still has a cursor position left over. This code uses that position just as you’d want it to. <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2010-06-04 03:12 <a href="http://www.aygfsteel.com/sealyu/archive/2010/06/04/322689.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>15个��用jQuery实现囄��qȝ��片效果的JS源码(�?</h1> seal — Mon, 17 May 2010 18:02:00 GMT ��D��Q�jQuery作�ؓJS的重量��框架应用十分普遍�Q�很多效果可以用jQuery来写�Q�具有代码简�z�和��览器兼�? 的优点，本文着重介�l�了15个��用jQuery来写的图片��灯片效果源码�Q�其中很多效果可以与Flash媲美�Q? jQuery作�ؓ一个应用最�q�泛的JavaScript框架之一�Q�第三方开发者不断地为其开发出新的 jQuery 插�g应用�Q�从而��得jQuery可以帮助用户实现各种各样不同��d��?Web 效果�Q�作为最�怋�用的囄��qȝ��片效果更是jQuery的强��，看完本文��Z��整理推荐�?5个优�U�的jQuery囄��qȝ��?��d��效果�Q�你会收��h��多�?/p> 15个优�U�的jQuery囄��qȝ��?��d��效果�Q�基本都已经包含了原插�g的发布地址、��用方法和源代码下载�?/p> <h5>1�Q�Gallerific</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" target="_blank" >Galleriffic</a> 是��? Mike Alsup �?<a onfocus="onfocus" target="_blank" >jQuery Cycle plugin</a> 创徏的图片展�C�效果，包括�~�略图、图片标题和描述�{�详�l�功能，是一个非�怸�错的高质量画廊相册展�C�工兗��?/p> <h5>2�Q�ZoomImage</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" >zoomimage</a> �Q�以一�U�独具魅力的方式展示囄��效果。羃略图链接在本��弹出大图，�q�且可以可以随意拖拽该悬��图片�?/p> <h5>3�Q�EasySlider</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" target="_blank" >Easy Slider</a> 可以实现囄��或其他�Q意内容，在水�q�x��垂直方向上的滑动效果�Q�你�q�可以通过 CSS 自定义设�|�样式�?/p> <h5>4�Q�The Slider from Barack Obama’s website</h5> <a onfocus="onfocus" ></a> 一个源自美国�ȝ�� Barack Obama �|�站的垂下滑动菜单控制的囄��qȝ��效果�?/p> <h5>5�Q�CodaSlider</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" target="_blank" >CodaSlider</a>�Q? 又一个不错的滑动控制效果�?/p> <h5>6�Q�jQuery Slider II</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" target="_blank" >jQuery Slider II</a> 的布局非常�W�合操作习惯�Q�在底部列出带滚动条的羃略图控制列表�Q�然后在上面昄��对应囄��的大图浏览，非常适合做高�U�相册�?/p> <h5>7�Q�Beautiful Slider</h5> <a onfocus="onfocus" ></a> <a onfocus="onfocus" target="_blank" >Beautiful Slider</a>�Q? 光看�q�个效果图你��q��道这个插件有多棒了吧�Q�是的，�q�个插�g实现的效果已�l�不逊色于Flash完成的效果，整体表现��畅�Q�文字显�C�效果更是创意独牏V�?/p> <h5>�Q�，LoopedSlider</h5> <a onfocus="onfocus" ></a> <a onfocus="#ff0000" target="_blank" >loopedSlider</a>是又一个�Q意内�Ҏ��? 切换的��灯片插�g�Q��用操作简单�?/p> <h5>9�Q�SpaceGallery</h5> <a onfocus="onfocus" ></a> <a onfocus="undefined" target="_blank" >SpaceGallery</a>是一个全新的jQuery插�g�Q�点��d�� 前图片，会自动放大消失，同时后面的图片向前展�C�，有一�U�时光机器的感觉�?/p> <h5>10�Q�jQuery Popeye</h5> <a onfocus="onfocus" ></a> <h5>11�Q�Noobslide</h5> <a onfocus="onfocus" ></a> <h5>12�Q�Accessible News Slider</h5> <a onfocus="onfocus" ></a> <h5>13�Q�SmoothGallery</h5> <a onfocus="onfocus" ></a> <a onfocus="undefined" target="_blank" >SmoothGallery</a>是一个最好的 Javascript �qȝ��片效果之一�Q�可以实现各�U�不同的�qȝ��片�{换效果�?/p> <h5>14�Q�jQuery Multimedia Portfolio</h5> <a onfocus="onfocus" ></a> <a onfocus="undefined" target="_blank" >jQuery Multimedia Portfolio</a>是一个基于jQuery 的滑动效果插�?除了可以展示囄��之外�Q�还可以加入各种不同�c�d��的多媒体文�g�?/p> <h5>15�Q�s3Slider</h5> <a onfocus="onfocus" ></a> <a onfocus="undefined" target="_blank" >s3Slider</a>是一个非常简单实用的��畅�qȝ��片效果，�q�个插�g被应用在无数的WordPress专业主题模板中�?/p> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2010-05-18 02:02 <a href="http://www.aygfsteel.com/sealyu/archive/2010/05/18/321222.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>javascript 字符串处理全�ȝ��(�?</h1> seal — Thu, 15 Apr 2010 15:47:00 GMT <div class="wmqeeuq" id="blog_text" class="cnt"> javascript 字符串处�?/strong> 文章来源�Q?a target="_blank">http://lmgq.vip.sina.com/tech/jsadvancedlesson/c2p1.htm</a> 一、声明字�W�串: var normal_monkey = "I am a monkey! "; document.writeln("Normal monkey " + normal_monkey); var bold_monkey = normal_monkey.bold(); document.writeln("Bold monkey " + bold_monkey); �q�里的声明： var bold_monkey = normal_monkey.bold(); 和下面对声明是等同的�Q?nbsp; var bold_monkey = "" + normal_monkey + ""; �W?个版本的声明看�v来要��明得多。这里用��C��字符串对象中 的bold对象�Q�其他的字符串对象还有indexOf, charAt, substring, 以及split, �q�些�Ҏ��可以深入字符串的�l�成�l�构�?br /> 首先我们研究一下indexOf�?/p> 2、indexOf indexOf用于发现一�p�d��的字�W�在一个字�W�串中等位置�q�告诉你子字�W�串的�v始位�|�。如 果一个字�W�串中部包含该子字符串则indexOf�q�回returns "-1." 例子�Q?br /> var the_word = "monkey"; //让我们从单词 "monkey"开始�?nbsp; var location_of_m = the_word.indexOf("m"); //location_of_m(字母m的位�|?��ؓ0�Q�因为字母m位于该字�W�串的�v始位�|��?br /> var location_of_o = the_word.indexOf("o"); //location_of_o(字母o的位�|?��ؓ1�?br /> var location_of_key = the_word.indexOf("key"); //location_of_key(key的位�|?��ؓ3因�ؓ子字�W�串“key”以字母k开始，而k 在单词monkey中的位置�?�?br /> var location_of_y = the_word.indexOf("y"); //location_of_y)字母y的位�|?�?�?nbsp; var cheeky = the_word.indexOf("q"); //cheeky值是-1�Q�因为在单词“monkey”中没有字母q�?/p> indexOf更实用之�? var the_email = prompt("What’s your email address?", ""); var the_at_is_at = the_email.indexOf("@"); if (the_at_is_at == -1) { alert("You loser, email addresses must have @ signs in them."); } �q�段代码询问用户的电子邮件地址�Q�如果用戯��入的电子邮�g地址中不包含字符 �?nbsp;�?/p> �C�用��P��Q�你输入的电子邮件地址无效�Q�电子邮件的地址必须包含字符@。＂ 3、charAt chatAt�Ҏ��用于发现一个字�W�串中某个特定位�|�的字符�?br /> �q�里是一个例子： var the_word = "monkey"; var the_first_letter = the_word.charAt(0); var the_second_letter = the_word.charAt(1); var the_last_letter = the_word.charAt(the_word.length-1); the_first_letter(�W?个字�W?�?m" the_second_letter(�W?个字�W?�?o" the_last_letter(最后一个字�W?�?nbsp;"y" 注意利用字符串的length(长度)属性你可以发现在包含多��个字符。在本例中， the_word�?monkey"�Q�所以the_word.length�?。不要忘记在一个字�W�串中第1个字�W�的 位置�?�Q�所以最后一个字�W�的位置��是length-1。所以在最后一行中用了 the_word.length-1�?gt;> 4、子字符�Ԍ��substring�Q?br /> 子字�W�串�Q�substring�Q�和charAt有些象，不同之处在于它能够从一个单词中抓取整个�?/p> 子字�W�串�Q�而不只是字母�Q�这里是其格式： var the_substring = the_string.substring(from, to); "From"指的是子字符串中�W�１个字母的位置�Q?to"有点奇特�Q�它是该子字�W�串中比最�?/p> 一个位�|�大�Q�的位置�Q��用这�U�神奇的�Ҏ��你可以标记子字符串的起始和结束位�|�，�?/p> "to"的位�|�减�?from"的位�|�就会得��子字�W�串的长度： var the_string = "monkey"; var clergy = the_string.substring(0,4); var tool = the_string.substring(3,6); �q�行该段代码后变量clergy的��gؓ"monk"; 变量tool的��gؓ"key"�?/p> 子字�W�串常和indexOf一起��用，��字�W�串分成若干块．例如�Q?br /> 你可以从一个给定的URL中抽取出其域名： var the_url = prompt("What’s the URL?",""); var lead_slashes = the_url.indexOf("http://"); var domain_start = lead_slashes + 2; var without_resource = the_url.substring(domain_start, the_url.length); var next_slash = without_resource.indexOf("/"); var domain = without_resource.substring(0, next_slash); �q�段代码的意思是�Q�如果你输入 "<a target="_blank">http://www.webmonkey.com/javascript/index.html"</a>;�Q�则域名 ��是 "www.webmonkey.com" �Q�如果这个方法对你来说有些麻烦，我将向你介绍如何使用split �Ҏ��化其执行�q�程�Q�但是首先我们作一些分析． 基本的技巧是��第�Q�个斜杠和第�Q�个斜杠之间的内容分��d��来： var the_url = prompt("What’s the URL?",""); //�q�行代码向用戯��问一个URL�Q�假讄��戯��入了 "<a target="_blank">http://www.webmonkey.com/javascript/index.html."</a>; var lead_slashes = the_url.indexOf("http://"); �q�行代码��定�W�一个双斜杠的位�|�．在本例中lead_slashes的值是�Q�，因�ؓ双斜杠的�?/p> �|�从�Q�开始． 你可能会惻I��通常的URL都是以http://开始，所以双斜杠的位�|�肯定是在５开始，��Z�� 么还要加入indexOf�q�一�D�多余的代码呢？但是问题的关键在于你不知道用户在填入URL 时是否一定填入http:�Q�他们也�怼�不小心多键入了一个空��|��也许他们所键入的URL�?/p> 一个加密服务器上，其URL�?<a target="_blank">https://www.whatever.com/"</a>; �Q? 在编�E�你必须预料到种�U?/p> 可能发生的问题．所以我们必��ȝ��indexOf�Ҏ��定双斜杠的��切的�v始位�|�． var domain_start = lead_slashes + 2; �q�行代码用于计算该域名的�W�１个字母的起始位置�Q�由于这里有一个双斜杠�Q�所以域�?/p> �W�１个字母的起始位置应该在双斜杠所在位�|�加�Q�的位置�Q?/p> var without_resource = the_url.substring(domain_start, the_string.length); �q�段代码��域名�v始位�|�往后的所有字�W�都提取出来�Q�所以执行完�q�行代码�?/p> without_resource�?www.webmonkey.com/javascript/index.html." var next_slash = without_resource.indexOf("/"); �q�行代码计算��字符串中下一个斜杠的位置�Q�而从该字�W�串起始位置到这个斜杠之�?/p> 的内容就是域名．在本例中下一个斜杠的位置�?7�?/p> var domain = without_resource.substring(0, next_slash); 最后一步是提取��字符串�v始位�|�到下一个斜杠之间的所有内容．在本例中使得域名 �{�同�?www.webmonkey.com"�?/p> �q�样做确实很�ȝ��Q�利用split�Ҏ��则可以��该过�E�容易很多．>> 5、分割方�?splitting method) 你可以��用split�Ҏ��用限位器来分割一�p�d��的名�U�ͼ�然后��其 攑֜�一个数�l�中�Q�例如： var my_friends ="trixie,moxie,sven,guido,hermes"; var friend_array =my_friends.split(","); for (loop=0; loop < friend_array.length;loop++) { document.writeln(friend_array[loop] + " is myfriend. ");} �q�段代码��字�W�串my_friends分割成包含５个元素的数组�Q�JavaScript可以��Z��自动�?/p> 立一个数�l�，所以你无需使用new Array()�Q?/p> ��字�W�串分割成数�l�之后，我们使用了��@环语句写出每一个名�U�ͼ�我们可以利用split�?/p> 法简化前面所讲到的域名提取： var the_url = prompt("What’s the URL?",""); var first_split = the_url.split("http://"); var without_resource = first_split[1]; var second_split = without_resource.split("/"); var domain = second_split[0]; �q�段代码��化了很多而且也更�Ҏ��理解�Q�我们来分析一些这�D�代码： var the_url = prompt("What’s the URL?",""); 提示用户输入一个URL�Q�假讄��戯��?br /> "<a target="_blank">http://www.webmonkey.com/javascript/index.html"</a>; �Q?br /> var first_split = the_url.split("http://"); ��用戯��入的字符串分割成两块�Q�first_split[0]�?http:"�Q�first_split[1]�?/p> "www.webmonkey.com/javascript/index.html." var without_resource = first_split[1]; //提取出数�l�中的第�Q�个元素�Q�所以现在without_resource�?/p> "www.webmonkey.com/javascript/index.html." var second_split = without_resource.split("/"); ��without_resource分割成３块：www.webmonkey.com,javascript, 和index.html�Q�现 在你可以看到split的用途了吧？ var domain = second_split[0]; 现在我们提取出新数组中的�W�１个元素就可得出域名． </div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2010-04-15 23:47 <a href="http://www.aygfsteel.com/sealyu/archive/2010/04/15/318462.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>Javascript: setTimeout()使用�?setInterval()使用</h1> seal — Thu, 24 Dec 2009 07:43:00 GMT <div class="wmqeeuq" id="blog_text" class="cnt"> Evaluates an expression after a specified number of milliseconds has elapsed. (在指定时间过后执行指定的表达�? Syntax: iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage]) Parameters <blockquote> <table> <tbody> <tr> <td>vCode</td> <td>Required. Variant that specifies the function pointer or string that indicates the code to be executed when the specified interval has elapsed.</td> </tr> <tr> <td>iMilliSeconds</td> <td>Required. Integer that specifies the number of milliseconds.</td> </tr> <tr> <td>sLanguage</td> <td>Optional. String that specifies one of the following values: <table> <tbody> <tr> <td>JScript</td> <td>Language is JScript.</td> </tr> <tr> <td>VBScript</td> <td>Language is VBScript.</td> </tr> <tr> <td>JavaScript</td> <td>Language is JavaScript.</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </blockquote> Return Value <blockquote> Integer. Returns an identifier that cancels the evaluation with the <a target="_blank" >clearTimeout</a> method. ============================================================== 以上内容摘自某本JScript教程(CHM格式,出处不详,跟原作者说声Sorry) 以下内容没抄��M��人的,如果有雷�?估计不是你抄偶的��是巧合,嘿嘿. ------------------------------------------------------------------- setTimeout( alert("3�U�种�q�去�?), 3000);//调用一个函�?允许带常量参�?br /> ------------------------------------------------------------------- <script language="Javascript"> //by zuoyang var x = 1; var y = 2; var z = 3; var sum; function Plus(a, b) { var z = 0; var i = 0; for (i = 0; i < arguments.length; i++) { z += arguments[i]; } setTimeout( function() {alert(z);}, 6000); //可以带变量参数的setTimeout调用形式 return z; } setTimeout( function(){ sum = Plus(x, y, z); }, 3000);/*除了可以带变量参数还可以获取�q�回值的setTimeout调用形式*/ </script> setInterval()的用法和setTimeout()是一��L��: <pre>iTimerID = window.setInterval(vCode, iMilliSeconds [, sLanguage])</pre> 不同的是setTimeout()是一�ơ性作�?而setInterval()是每�?em>iMilliSeconds��执行一��?em>vCode.(Evaluates an expression each time a specified number of milliseconds has elapsed) </blockquote></div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-12-24 15:43 <a href="http://www.aygfsteel.com/sealyu/archive/2009/12/24/307165.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>javascript CDATA的意�?</h1> seal — Mon, 07 Dec 2009 02:04:00 GMT CDATA 内部的所有东襉K��会被解析器忽略�?/p> 假如文本中包含了大量�?"<" �?"&" 字符 - ��像�~�程代码中经常出现的情况一�?- 那么�q�个 XML 元素��可以被定义��Z��?CDATA 部分�?/p> CDATA 区段开始于 "<![CDATA["�Q�结束于 "]]>"�Q?/p> <script type="text/javascript"> <![CDATA[ function compare(a,b) { if (a < b) {alert("a��于b");} else if (a>b) {alert("a大于b");} else {alert("a�{�于b");} } ]]> </script> 在上面的例子中，�?CDATA 区段中的所有东襉K��会被解析器忽略�?/p> 关于 CDATA 区段的注�? CDATA 区段不能包含字符�?"]]>"�Q�所以，CDATA 区段的嵌套是不被允许的�?/p> 同时也需要确保在 "]]>" 字符串中没有�I�格或折行�?/p> ��Z��么要使用CDATA: XHTML的第二个改变是��用CDATA�D�c��XML中的CDATA�D는�于声明不应被解析为标�{��文本�Q�XHTML也是如此�Q�，�q�样��可以��用特�D�字�W�，�? ��于�Q?lt;�Q�、大于（>�Q�、和��P��&�Q�和双引��P��"�Q�，而不必��用它们的字符实体。考虑下面的代码： <script type="text/javascript"> function compare(a,b) { if (a < b) {alert("a��于b");} else if (a>b) {alert("a大于b");} else {alert("a�{�于b");} } </script> �q�个函数相当��单，它比较数字a和b�Q�然后显�C�消息说明它们的关系。但是，在XHTML中，�q�段代码是无效的�Q�因为它使用了三个特�D�符��P��卛_��于�? 大于和双引号。要修正�q�个问题�Q�必��d��别用�q�三个字�W�的XML实体<�?amp;gt;�?amp;quot;替换它们�Q?/p> <script type="text/javascript"> function compare(a,b) { if (a <b) {alert("a��于b");} else if (a>b) {alert("a大于b");} else {alert("a�{�于b");} } </script> �q�段代码存在两个问题。首先，开发者不习惯用XML实体�~�写代码。这使代码很难读懂。其�ơ，在JavaScript中，�q�种代码实际上将视�ؓ有语�? 错，因�ؓ解释�E�序不知道XML实体的意思。用CDATA�D�即可以以常规�Ş式（��x��ȝ��语法�Q�编写JavaScript代码。正式加入CDATA�D늚��Ҏ��? 下： <script type="text/javascript"> <![CDATA[ function compare(a,b) { if (a < b) {alert("a��于b");} else if (a>b) {alert("a大于b");} else {alert("a�{�于b");} } ]]> </script> 虽然�q�是正式方式�Q�但�q�要��C��Q�大多数��览器都不完全支持XHTML�Q�这��带来主要问题，卌��在JavaScript中是个语法错误，因�ؓ大多数浏览器�q�不认识CDATA�D�c�?/p> <script type="text/javascript"> //<![CDATA[ function compare(a,b) { if (a < b) {alert("a��于b");} else if (a>b) {alert("a大于b");} else {alert("a�{�于b");} } //]]> </script> 当前使用的解��x��案模仿了“�Ҏ��览器隐�?#8221;代码的方法。��用单行的JavaScript注释"http://"�Q�可在不影响代码语法的情况下嵌入CDATA�D�： 现在�Q�这�D�代码在不支持XHTML的浏览器中也可运行�?/p> 但是�Q��ؓ避免CDATA的问题，最好还是用外部文�g引入JavaScript代码�?/p> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-12-07 10:04 <a href="http://www.aygfsteel.com/sealyu/archive/2009/12/07/304961.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>深入认识javascript中的eval函数(�?</h1> seal — Tue, 19 May 2009 02:10:00 GMT 发现为本文�v一个合适的标题�q�不是那么容易，呵呵�Q�所以在此先说明下本文的两个目的�Q?br /> �Q?�Q�介�l�javascript中的eval函数的用�?br /> �Q?�Q�如何在函数内执行全局代码 <div style="font-size: 10pt; position: relative;"><dd> <div>►先来说eval的用法，内容比较��单，熟悉的可以蟩�q��?br /> eval函数接收一个参数s�Q�如果s不是字符�Ԍ��则直接返回s。否则执行s语句。如果s语句执行�l�果是一个��|��则返回此��|��否则�q�回undefined�?br /> 需要特别注意的是对象声明语�?#8220;{}”�q�不能返回一个��|��需要用括号括�v来才会返回��|��单示例如下：</div> <div js=""> <div style="color: #000000;">var code1='"a" + 2'; //表达�?br /> var code2='{a:2}'; //语句 alert(eval(code1)); //->'a2' alert(eval(code2)); //->undefined alert(eval('(' + code2 + ')')); //->[object Object]</div> </div> <div> 可以看到�Q�对于对象声明语句来��_��仅仅是执行，�q�不能返回倹{��ؓ了返回常用的“{}”�q�样的对象声明语句，必须用括��h��住，以将其�{换�ؓ表达式，才能�q�回其倹{��这也是使用<a target="_blank">JSON</a>来进行Ajax开发的基本原理之一。在例子中可以清楚的看到�Q�第二个alert语句输出的是undefined�Q�而第三个加了括号后输出的是语句表�C�的对象�?/div> <div> ►现在来说本文的重点�Q�如何在函数内执行全局代码。�ؓ了说明这个问题，先看一个例子：</div> <div js="" style="color: #000000;" align="left">var s='global'; //定义一个全局变量 function demo1(){ eval('var s="local"'); } demo1(); alert(s); //->global</div> <div> 很好理解�Q�上面的demo1函数�{��h于：function demo1(){var s='local';}�Q�其中定义了一个局部变量s�?br /> 所以最后的输出是global�q�不是什么奇怪的事情�Q�毕竟大安��能很清楚的区分局部变量和全局变量�?br /> 仔细体会一下，可以发现eval函数的特点，它��L��在调用它的上下文变量�I�间�Q�也�U�Cؓ�Q�包�Q�closure�Q�内执行�Q�无论是变量定义�q�是函数定义都是如此�Q�所以如下的代码会��生函数未定义的错误：</div> <div js=""> <div style="color: #000000;">var s='function test(){return 1;}'; //一个函数定义语�?br /> function demo2(){ eval(s); } demo2(); alert(test()); //->error:test is not defined</div> </div> <div> �q�是因�ؓtest函数在局部空间定义，demo2函数内可以访问到�Q�外面就讉K��不到了�?/div> <div> 而在实际的Ajax开发中�Q�有时我们需要从服务器动态获取代码来执行�Q�以减轻一�ơ蝲入代码过多的问题�Q�或者是一些代码是通过Javascript自��n生成的，希望用eval函数来��其执行�?br /> 但这��L��动态获取代码的工作一般在函数内完成，比如�Q?/div> <div js=""> <div style="color: #000000;">function loadCode(){ var code=getCode(); eval(code); }</div> </div> <div> 可见eval不可能在全局�I�间内执行，�q�就�l�开发带来了不少问题�Q�也看到�q�很多�h为此郁闷�?/div> <div> 不过现在偶终于找��C��解决办法�Q�嘿嘿，可以同时兼容IE和Firefox�Q�方法如下：</div> <div js=""> <div style="color: #000000;">var X2={} //my namespace:) X2.Eval=function(code){ if(!!(window.attachEvent && !window.opera)){ //ie execScript(code); }else{ //not ie window.eval(code); } }</div> </div> <div> 现在如果要想在函数内定义全局代码�Q�就可以通过调用X2.Eval(code)�Ҏ��Q�一个例子如下：</div> <div js=""> <div style="color: #000000;">var s='global'; function demo3(){ X2.Eval('var s="local"'); } demo3(); alert(s); //->'local'</div> </div> <div> 可见�Q�在demo3函数内重新定义了全局变量s="local"�?br /> 需要注意的是X2.Eval�q�不�q�回��|��如果要进行表辑ּ�的求��|��q�是用系�l�的eval函数。X2.Eval设计��Z��做全局代码定义用�?/div> <div> 其实看到�q�里�Q�或许有人感觉问题也太容易解决了点，呵呵�Q�但发现�q�个办法倒是需要些�q�气和技巧的�Q?br /> �Q?�Q�对于IE��览器，默认已经提供了这��L��函数�Q�execScript�Q�用于在全局�I�间执行代码�Q�只是知道的��不多�?br /> �Q?�Q�对于Firefox��览器，直接调用eval函数�Q�则在调用者的�I�间执行�Q�如果调�?nbsp; window.eval则在全局�I�间执行。这个知道的��Z��计就更少了。毕竟alert(eval==window.eval)�q�回true�Q?/div> <div> Firefox的eval函数的特点的��是很��o人奇怪的�Q�但从javascript规范中倒也能找到其来源�Q?/div> <div>If value of the eval property is used in any way other than a direct call (that is, other than by the explicit use of its name as an Identifier which is the MemberExpression in a CallExpression), or if the eval property is assigned to, an EvalError exception may be thrown.</div> <div> 意思大概就是说eval函数的执行是和调用者相关的�Q�但�q�没有说其执行上下文的问题。所以IE和Firefox孰是孰非也就很难说了�Q�大家知道解军_��法就好�?/div> </dd> <div> </div> <div> </div> <div>原文地址�Q?/font><a >[url]http://www.x2blog.cn/supnate/#sid.1735/page.1/[/url]</a></div> </div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-05-19 10:10 <a href="http://www.aygfsteel.com/sealyu/archive/2009/05/19/271465.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>在XHTML中��用javascript</h1> seal — Wed, 13 May 2009 06:28:00 GMT 今天在xhtml中��用javascript时一直报错，后来才发现在xhtml中javacript里��?<' '&'是不合法的�?br /> <div> Making JavaScript Compatible with XHTML </div> XHTML is subject to the same syntactical rules as XML. Because of this, an XHTML processor treats the characters < and & as markup, even if they reside inside a <script> block. Since the < and & characters are also used by the JavaScript language, this creates a conflict. When an XHTML processor sees these characters within the JavaScript code of a <script> block, it attempts to parse the JavaScript code as if it were markup, which causes the XHTML parser to fail. You can get around this conflict and make all JavaScript code compatible with XHTML by placing the JavaScript code within a CDATA section. A CDATA section in XML/XHTML starts with the characters <![CDATA[ and ends with the characters ]]>. Any characters within the starting and ending element of a CDATA section are not treated by the XML/XHTML processor as markup, thus preventing a conflict. Here is an example of how to declare JavaScript code within a CDATA section so that it is compatible with XHTML: <script type="text/javascript"> //<![CDATA[ alert("<This is compatible with XHTML>"); //]]> </script> Note that JavaScript source code must be placed within the opening and closing elements of the CDATA section. The CDATA section itself should be commented out with a JavaScript single-line comment // as in the example above. This is so that the JavaScript interrupter does not interpret the CDATA markup as JavaScript, which would cause a JavaScript error. JavaScript code that is imported into an XHTML document from an external source file is always compatible with XHTML. So, for example, any code you place into the external file external.js and import into an XHTML file via the src attribute of the <script> tag will be valid. Here is an example of how to import the file external.js: <script type="text/javascript" src="external.js"></script> <div> <h1 id="title">在XHTML文档中合适的使用CSS和JavaScript</h1> </div> <div class="wmqeeuq" id="pageToc"> <div> <h5>内容表格</h5> <ol style="list-style-type: none; margin-left: 0px; padding-left: 0px;"> <li>1. <a rel="internal"> XHTML是XML,不是HTML </a></li> <li>2. <a rel="internal"> 在内嵌的style和script中出现的问题 </a> <ol style="list-style-type: none; margin-left: 0px; padding-left: 15px;"> <li>2.1. <a rel="internal"> JavaScript中包含了一些在XHTML中不允许存在的字�W?</a></li> <li>2.2. <a rel="internal"> 在内嵌的style和script中��用注�?</a></li> <li>2.3. <a rel="internal"> 包含双横�U�的内嵌style和script </a></li> <li>2.4. <a rel="internal"> 使用CDATA替代注释 </a></li> </ol> </li> <li>3. <a rel="internal"> 例子 </a> <ol style="list-style-type: none; margin-left: 0px; padding-left: 15px;"> <li>3.1. <a rel="internal"> 在注释中使用内嵌style的CSS规则 </a></li> <li>3.2. <a rel="internal"> 使用外部文�g的CSS规则 </a></li> </ol> </li> <li>4. <a rel="internal"> �� </a> <ol style="list-style-type: none; margin-left: 0px; padding-left: 15px;"> <li>4.1. <a rel="internal"> 不要在XHTML中内联style或script </a></li> <li>4.2. <a rel="internal"> 理解XHTML 1.0的HTML兼容指导 </a></li> </ol> </li> <li>5. <a rel="internal"> 原始文档信息 </a></li> </ol> </div> </div> <a rel="external nofollow" target="_blank" title="http://www.w3.org/TR/xhtml1">XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)</a> 定义XHTML是�ؓ了把HTML 4扩展成像XML 1.0一��L��应用�E�序�? 在许多站点中XHTML正在�q�速的替代HTML 4�Q�然而，��L��览器对完全支持XHTML斚w��表现得不��I��和网��设计师对HTML 4与XHTML的基本差异缺乏理解，产生了当今网�l�上的一个不断扩大的问题�? <div class="wmqeeuq" id="section_1"> <h3> XHTML是XML,不是HTML </h3> 其中关于XHTML的主要的误解是，它仅仅是另外一个版本的HTML。这个误解��生于�q�样的事实：Microsoft® Internet Explorer只在文�g以Mime�c�d��?text/html提交�Ӟ��才支持XHTML�Q�而标准中��的类型其实是<tt>application/xhtml+xml</tt>�? 当一个XHTML��面的MIME�c�d��被提交�ؓ<tt>text/html</tt>�Ӟ��它被所有的��览器当作HTML处理�Q�就好像XHTML比�vHTML来没有�Q何不同。但是当一个XHTML��面的MIME�c�d��被提交�ؓ<tt>text/xml</tt>�?tt>application/xhtml+xml</tt>�Ӟ��它将被当作XML文档处理�Q�而设计和昄��XML都是必须要遵守严��D��则的�? 真正的XHTML��是一个XML的应用，所以创建XHTML时也要遵守严格的规则。特别是�Q? <ol> <li>未经�q�处理的<tt><</tt>�?tt>&</tt>不允许出现在CDATA区域�Q?tt><!CDATA<a rel="internal" class="new">...</a>></tt>�Q�之外�? </li> <li>注释(<tt><!—�?... —�?gt;</tt>)中不能包含双横线�? </li> <li>包含在注�?<tt><!—�?... —�?gt;</tt>)中的内容��被忽略�? </li> </ol> </div> <div class="wmqeeuq" id="section_2"> <h3> 在内嵌的<tt>style</tt>�?tt>script</tt>中出现的问题 </h3> 在被当作XML而不是HTML处理�Ӟ��内嵌的style和script标记会��生几个不同的问题�? <div class="wmqeeuq" id="section_3"> <h4> JavaScript中包含了一些在XHTML中不允许存在的字�W?</h4> 典型的JavaScript中包含了一些特�D�字�W�，�q�些字符在XHTML中是不允许放在CDATA区域之外的�? <pre><script type="text/javascript"> var i = 0; while (++i < 10) { // ... } </script> </pre> 注意�q�个<a rel="internal" >例子</a>不是以正��格式书写的XHTML�Q�因��Z��用了未经处理�?#8220;<”�Q�它只能在被当作XHTML或XML标记的一部分时出现�? </div> <div class="wmqeeuq" id="section_4"> <h4> 在内嵌的<tt>style</tt>�?tt>script</tt>中��用注�?</h4> 熟悉HTML的设计师通常把内嵌的<tt>style</tt>�?tt>script</tt>内容攑ֈ�注释中，�q�样可以在不支持样式和脚本的��览器中隐藏它们�? <pre><style type="text/css">  </style> <script type="text/javascript">  </script> </pre> �q�个<a rel="internal" >例子</a>举例说明了特定的��览器可以忽略注释里的内宏V��另外，�q�个例子�q�显�C�Z��不同的浏览器在处�?tt>text/xml</tt>或�?<tt>application/xhtml+xml</tt>内容时��生的不同问题�? <dl><dt> Mozilla 1.1+/Opera 7 </dt><dd> 不能使用CSS�Q�也不能执行JavaScript�? </dd><dt> Netscape 7.0x/Mozilla 1.0.x </dt><dd> 不能使用CSS�Q�但可以执行JavaScript�? </dd><dt> Internet Explorer 5.5+ </dt><dd> 无法正常昄��文档�? </dd></dl> </div> <div class="wmqeeuq" id="section_5"> <h4> 包含双横�U�的内嵌<tt>style</tt>�?tt>script</tt> </h4> 另一个把JavaScript包含在XHTML文�g的注释中产生�?a rel="internal" >问题</a>�Q�与在XHTML的注释中使用双横�U�会产生的问题一栗��? <pre><script type="text/javascript">  </script> </pre> </div> <div class="wmqeeuq" id="section_6"> <h4> 使用CDATA替代注释 </h4> 直接把JavaScript攑օ�CDATA区域会在低版本不支持XML的浏览器中��生问题，不过�Q�把JavaScript的注�?//……)与CDATA一起��用，��p��解决向下兼容的问题了�? <pre><script type="text/javascript"> //<![CDATA[ var i = 0; while (++i < 10) { // ... } //]]> </script> </pre> </div> </div> <div class="wmqeeuq" id="section_7"> <h3> 例子 </h3> <div class="wmqeeuq" id="section_8"> <h4> 在注释中使用内嵌<tt>style</tt>的CSS规则 </h4> <dl><dt> <a rel="internal" >例子1</a> - XHTML 1.0 Strict�?tt>text/html</tt> </dt><dd> �q�个<a rel="internal" >例子</a>举例说明当CSS规则包含内联和包含在注释中时的XHTML�?tt>text/html</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla�Q�Opera 7和Internet Explorer 5.5+那一个都能像期望一样应用CSS规则�?</dd></dl> <dl><dt> <a rel="internal" >例子2</a> - XHTML 1.0 Strict�?tt>text/xml</tt> </dt><dd> �q�个<a rel="internal" >例子</a>举例说明当CSS规则包含内联和包含在注释中时的XHTML�?tt>text/xml</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla�Q�Opera 7�?strong>不支持Internet Explorer 5.5+。注意etscape 7.x�Q�Mozilla和Opera同意包含在注释的内联CSS规则��被忽略�? </dd></dl> <dl><dt> <a rel="internal" >例子3</a> - XHTML 1.0 Strict�?tt>application/xhtml+xml</tt> </dt><dd> �q�个<a rel="internal" >例子</a>举例说明当CSS规则包含内联和包含在注释中时的XHTML�?tt>application/xhtml+xml</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla�Q�Opera 7�?strong>不支持Internet Explorer 5.5+。注意etscape 7.x�Q�Mozilla和Opera同意包含在注释的内联CSS规则��被忽略�? </dd></dl> </div> <div class="wmqeeuq" id="section_9"> <h4> 使用外部文�g的CSS规则 </h4> <dl><dt> <a rel="internal" >例子4</a> - XHTML 1.0 Strict�?tt>text/html</tt> </dt><dd> �q�个<a rel="internal" >例子</a>举例说明当在使用外部文�g的CSS规则的时候XHTML�?tt>text/html</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla�Q�Opera 7和Internet Explorer 5.5+�? </dd></dl> <dl><dt> <a rel="internal" >例子5</a> - XHTML 1.0 Strict�?tt>text/xml</tt> </dt><dd>�q�个<a rel="internal" >例子</a>举例说明当在使用外部文�g的CSS规则的时候XHTML�?tt>text/xml</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla和Opera 7但不支持不支持Internet Explorer 5.5+�? </dd></dl> <dl><dt> <a rel="internal" >例子6</a> - XHTML 1.0 Strict�?tt>application/xhtml+xml</tt> </dt><dd> �q�个<a rel="internal" >例子</a>举例说明当在使用外部文�g的CSS规则的时候XHTML�?tt>application/xhtml+xml</tt>的行为。这个例子支持Netscape 7.x�Q�Mozilla和Opera 7但不支持不支持Internet Explorer 5.5+�? </dd></dl> </div> </div> <h3> �� </h3> <div class="wmqeeuq" id="section_11"> <h4> 不要在XHTML中内�?tt>style</tt>�?tt>script</tt> </h4> 用外部文件包含CSS规则和JavaScript来替换内联样式和脚本是创建XHTML最��x��式，在向后兼�Ҏ��式时�Q�如果内容的MIME�c�d��?tt>text/html</tt>�?tt>application/xhtml+xml</tt>改变时将不会被打断�? �q�个��可能看�v来更强烈�Q�可是，它是未来XHTML要打��的问题�Q�当XHTML�?tt>text/html</tt>�?tt>application/xhtml+xml</tt>转移在几�q�后发生�? 如果你仅仅测试你的XHTML�?tt>text/html</tt>的时候，那么你可能��生问题，例如像：不能准确的描�q�出主题。移动CSS和JavaScript到单独的文�g是可靠的�Ҏ��Q�关于改变你XHTML的服务方式�? </div> <h4> 理解XHTML 1.0的HTML兼容指导 </h4> �q�个XHTML 1.0 <a rel="external nofollow" target="_blank" title="http://www.w3.org/TR/xhtml1/#guidelines">HTML Compatibility Guidelines</a>帮助创徏XHTML文档向后兼容性在那些不能理解XML的老浏览器�? ��h��意那是纯�_�的XHTML文档�Q�你不需要��用xml-stylesheet处理指导�Q�但应该使用<tt>link</tt>涉及的外部文件包含CSS�? 另外�Q�附XHTML的一些规范： 1.所有的标记都必��要有一个相应的�l�束标记 以前�?nbsp;HTML �?你可以打开许多标签,�? �?nbsp; �?nbsp;<li> 而不一定写对应�?nbsp; �?nbsp;</li> 来关闭它�?�? �?nbsp;XHTML 中这是不合法�?XHTML要求有严谨的�l�构,所有标�{�ֿ��d��?如果是单独不成对的标�{?在标�{�最后加一�?nbsp;"/" 来关闭它.例如: http://images/logo_w3cn_200x80.gif"&n ... 00" /> </a> 2.所有标�{��元素和属性的名字都必��M��用小�?br /> �?nbsp;HTML �? 一�?XHTML 对大��写是敏感的,<title> �?nbsp;<TITLE> 是不同的标签.XHTML 要求所有的标签和属性的名字都必��M��用小�?例如:<BODY> 必须写成 <body> .大小写夹杂也是不被认可的,�? �?nbsp;dreamweaver 自动生成的属性名�?nbsp;"onMouseOver" 也必��M��Ҏ�� "onmouseover". 3.所有的 XML 标记都必��d��理嵌�?br /> 同样因�ؓ XHTML 要求有严谨的�l�构,因此所有的嵌套都必��L��序,以前我们�q�样写的代码: 必须修改�? ��是�?一层一层的嵌套必须是严格对�U? 4.所有的属性必��ȝ��引号 "" 括�v�?br /> �?nbsp;HTML �?你可以不需要给属性值加引号,但是�?nbsp;XHTML �?它们必须被加引号.例如: <height=80> 必须修改�? <height="80"> �Ҏ��情况,你需要在属性值里使用双引�?你可以用 ",单引号可以��?nbsp;',例如: <alt="say'hello'"> 5.把所�?nbsp;< �?nbsp;& �Ҏ��W�号用编码表�C?br /> ��M��于��P��<�Q?不是标签的一部分,都必��被�~�码�?nbsp;< ��M��大于��P��>�Q?不是标签的一部分,都必��被�~�码�?nbsp;> ��M��与号�Q?amp;�Q?不是实体的一部分�?都必��被�~�码�?nbsp;& 6.�l�所有属性赋一个�?br /> XHTML 规定所有属性都必须有一个�?没有值的��重复本�w?例如: <td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 必须修改�? <td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked" /> 7.不要在注释内容中使用 "--","--" 只能发生�?nbsp;XHTML 注释的开头和�l�束,也就是说,在内容中它们不再有效.例如下面的代码是无效�?  <h2>TinyMCE - non-jQuery</h2> <a >Official Website</a> | <a >Demo</a> 最�l�典的基�?JavaScript 的编辑器�Q�COMSHARP CMS 默认的编辑器��是�q�个�?/p> <h2>fckeditor - Non-jQuery</h2> <a >Official Website</a> | <a >Demo</a> 功能非常强大�?/p> <h2>Yahoo YUI Rich Text Editor - Non-jQuery</h2> <a >Official Website</a> | <a >Demo</a> ��Z�� Yahoo YUI�Q�简单，但很可靠�?/p> <h2>Xinha - Non-jQuery</h2> <a >Official Website</a> | <a >Demo</a> 自由的基�?nbsp; BSD 许可�~�辑器，功能完善�Q�很适合同各�U�系�l�集成�?/p> 本文原文来源�Q?a >http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors</a> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-04-27 10:23 <a href="http://www.aygfsteel.com/sealyu/archive/2009/04/27/267680.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>javascript判断变量是否定义</h1> seal — Tue, 17 Mar 2009 02:49:00 GMT 在javascript中��用一个js变量�Ӟ�� 例如�Q?br /> if(hasLoaded){ //Do something here } 如果此变量还未被定义�Q�就会报错： 'xxxx' is #790000. �q�时�Q�就需要对�q�个变量�q�行判断�Q?br /> if(typeof(hasLoaded) != 'undefined'){ if(hasLoaded){ //Do something here } } <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-03-17 10:49 <a href="http://www.aygfsteel.com/sealyu/archive/2009/03/17/260193.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> seal — Mon, 23 Feb 2009 03:34:00 GMT �?nbsp;Javascript 获取指定��面元素的位�|�是一个非常常见的需求，本文介绍的方法能够准��返回一个元素相对于整个文档左上角的坐标�Q�即元素�?nbsp;top 、left 的位�|�，而且能够兼容��览器，�怿��Ҏ��手非常有用�?br /> <div> <div> <div><a onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy to clipboard</a><a onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div> </div> <ol start="1"> <li><script language="javascript" type="text/javascript"> </li> <li> </li> <li> </li> <li> </li> <li></script> </li> </ol> </div> �W�二�U�方法： function WebForm_GetElementPosition(element) { var result = new Object(); result.x = 0; result.y = 0; result.width = 0; result.height = 0; if (element.offsetParent) { result.x = element.offsetLeft; result.y = element.offsetTop; var parent = element.offsetParent; while (parent) { result.x += parent.offsetLeft; result.y += parent.offsetTop; var parentTagName = parent.tagName.toLowerCase(); if (parentTagName != "table" && parentTagName != "body" && parentTagName != "html" && parentTagName != "div" && parent.clientTop && parent.clientLeft) { result.x += parent.clientLeft; result.y += parent.clientTop; } parent = parent.offsetParent; } } else if (element.left && element.top) { result.x = element.left; result.y = element.top; } else { if (element.x) { result.x = element.x; } if (element.y) { result.y = element.y; } } if (element.offsetWidth && element.offsetHeight) { result.width = element.offsetWidth; result.height = element.offsetHeight; } else if (element.style && element.style.pixelWidth && element.style.pixelHeight) { result.width = element.style.pixelWidth; result.height = element.style.pixelHeight; } return result; } <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2009-02-23 11:34 <a href="http://www.aygfsteel.com/sealyu/archive/2009/02/23/256188.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> seal — Sat, 08 Nov 2008 09:16:00 GMT 作者： sealyu 日期�Q?008-11-8 今天在开发的时候，��到客户提到的一个问题， 每次在下载文件的时候，IE都会��L��打开的保存文件的对话框�?br /> 看了一下代码，发现��目使用了一个stream servlet来处理文件下载，在��用ajax�q�回��面后，使用window.open(link);打开保存对话框�?br /> 问题应该��处在这里了�Q�Google了一下，发现�q�是�׃��IE的安全机制�?br /> 在微软的�|�站上有�q�么一�D�话�Q?br /> <h1 class="title">Pop-Up Blocking</h1> <div id="wmqeeuq" class="intro"> The Pop-up Blocking feature blocks pop-up (and pop-under) windows initiated automatically by a Web site. Internet Explorer blocks Pop-up windows in the <a target="_blank" logredir="CTT=ToExternal">Internet and Restricted sites zones</a> <script language="Javascript"> if(typeof(IsPrinterFriendly) != "undefined") { var l = "http://go.microsoft.com/fwlink/?linkid=26003"; var nl; var c = l.charAt(0); var o = document.getElementById("EKE"); switch (c){ case "/": nl=(" [http://" + document.domain + l + "]"); break case "#": nl=(""); break default: nl=" [" + l + "]" } if(o != null) o.innerHTML = nl; } </script> by default. However, the Pop-up Blocker enables pop-up windows initiated by a user action. Users can configure Internet Explorer 6 for Windows XP with SP2 to be more or less restrictive. Users can also turn off the Pop-up Blocker altogether. Generally, the Pop-up Blocker enables a window to open under the following circumstances: <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="listBullet" valign="top">•</td> <td class="listItem"> When initiated by user action, such as clicking a button or hyperlink </td> </tr> <tr> <td class="listBullet" valign="top">•</td> <td class="listItem"> When opened in the <a target="_blank" logredir="CTT=ToExternal">Trusted sites and Local intranet zones</a> <script language="Javascript"> if(typeof(IsPrinterFriendly) != "undefined") { var l = "http://go.microsoft.com/fwlink/?linkid=26003"; var nl; var c = l.charAt(0); var o = document.getElementById("EWE"); switch (c){ case "/": nl=(" [http://" + document.domain + l + "]"); break case "#": nl=(""); break default: nl=" [" + l + "]" } if(o != null) o.innerHTML = nl; } </script> (considered safe) </td> </tr> <tr> <td class="listBullet" valign="top">•</td> <td class="listItem"> When opened by other applications running on the local computer </td> </tr> </tbody> </table> The affected script methods are: <pre class="codeSample">window.open window.showHelp window.showModalDialog window.showModelessDialog window.external window.NavigateAndFind</pre> <table class="sidebarContent" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr style="padding: 0px 0px 7px;" onclick=""> <td class="dropCapQ" style="vertical-align: top;" align="left" nowrap="nowrap"> </td> <td style="vertical-align: top;"> <h5>注：</h5> </td> </tr> <tr class="" id="eCE6E" style="padding: 0px 0px 7px;" valign="top"> <td class="dropCapQ" align="right" nowrap="nowrap"> </td> <td> Pop-ups created with window.createPopup are unaffected by the Pop-up Blocker. </td> </tr> </tbody> </table> </div> 在web�~�程�q�程中，�l�常会遇��C��些页面需要弹出窗口，但是在服务器端用window.open弹出的窗口会被IE��L��掉，<a>showModalDialog</a>弹出的窗口有时�ƈ不能满��我们需要，我们需要弹出新的浏览器�H�口�?/p> ��Z��么我们编写的弹出�H�口会被IE��L��呢，原来IE会自动判断弹出窗口的状态，它会��L��自动弹出的窗口，而通过我们用鼠标点��d��出的�H�口�Q�它是不会阻止的。这里就有一个问题，有�h��_��我的�E�序是写在服务器按钮里的�Q�也是通过鼠标点击弹出的呀�Q�其实只有在加蝲��面后，我们点击到弹��D�|��间页面没有被重新加蝲的情况下�Q�弹出的�H�口才不会被��L��Q�这也就是说�Q�写在服务器控�g的回传事仉��的window.open都会被阻止�?br /> �l�箋Google解决办法�Q�在分析了几�U�解��x��法�ƈ�q�行�Ҏ��之后�Q�发现最��单有效的�Ҏ��如下�Q?br /> 在window.open()函数中增加一个参敎ͼ��target讄��?#8216;self’�Q?br /> ��x��Z��用： window.open(link,'_self'); 问题解决�?/p> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2008-11-08 17:16 <a href="http://www.aygfsteel.com/sealyu/archive/2008/11/08/239429.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>对FckEditor�~�辑器在MAXTHON��览器下选择服务器文件对话框昄��不正常的改进 -...�Q��{载）</h1> seal — Thu, 10 Apr 2008 14:53:00 GMT 用过FckEditor的朋友都知道�Q�它的选择囄��对话框中“��览�? 务器”按钮。点击该按钮可以��览以前已经上传�q�的文�g。不�q�这个按钮点��d��弹出的对话框在MAXTHON��览器下是以标签形式打开的，�q�样模态对话框��始 �l�显�C�在了浏览文件窗口之前，要想选择文�g得先��x��模态对话框。先前有朋友提出把弹出模态对话框的功能改为ShowModlessDialog�Q�这个终�I? 不是解决之道�Q�现��我的解��x��法写下来与大家分享： 思�\��是��Z��IE内核的浏览器采用模态对话框弹出��览服务器窗口，其他的仍然window.open不变 1:修改"fckeditor"editor"dialog"common"fck_dialog_common.js <div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: rgb(238, 238, 238);"> 1 function OpenFileBrowser( url, width, height ) 2 { 3 // oEditor must be defined. 4 5 var iLeft = ( oEditor.FCKConfig.ScreenWidth - width ) / 2 ; 6 var iTop = ( oEditor.FCKConfig.ScreenHeight - height ) / 2 ; 7 8 var sOptions = "toolbar=no,status=no,resizable=no,dependent=yes,scrollbars=yes" ; 9 sOptions += ",width=" + width ; 10 sOptions += ",height=" + height ; 11 sOptions += ",left=" + iLeft ; 12 sOptions += ",top=" + iTop ; 13 14 // The "PreserveSessionOnFileBrowser" because the above code could be 15 // blocked by popup blockers. 16 if ( oEditor.FCKConfig.PreserveSessionOnFileBrowser && oEditor.FCKBrowserInfo.IsIE ) 17 { 18 // The following change has been made otherwise IE will open the file 19 // browser on a different server session (on some cases): 20 // http://support.microsoft.com/default.aspx?scid=kb;en-us;831678 21 // by Simone Chiaretta. 22 var oWindow = oEditor.window.open( url, 'FCKBrowseWindow', sOptions ) ; 23 24 if ( oWindow ) 25 { 26 // Detect Yahoo popup blocker. 27 try 28 { 29 var sTest = oWindow.name ; // Yahoo returns "something", but we can't access it, so detect that and avoid strange errors for the user. 30 oWindow.opener = window ; 31 } 32 catch(e) 33 { 34 alert( oEditor.FCKLang.BrowseServerBlocked ) ; 35 } 36 } 37 else 38 alert( oEditor.FCKLang.BrowseServerBlocked ) ; 39 } 40 else 41 { //�q�里是修攚w��?br /> 42 if(oEditor.FCKBrowserInfo.IsIE) 43 { 44 window.showModalDialog(url+"&rdm="+new Date(),window,"status:false;dialogWidth:"+width+"px;dialogHeight:"+height+"px"""); 45 } 46 else 47 { 48 window.open( url, 'FCKBrowseWindow', sOptions ) ; 49 } 50 } 51 }</div> 2:修改"fckeditor"editor"filemanager"browser"default"frmresourceslist.html <div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: rgb(238, 238, 238);">function OpenFile( fileUrl ) { if( window.dialogArguments) { window.dialogArguments.SetUrl( fileUrl ) ; window.close() ; window.dialogArguments.focus() ; } else { window.top.opener.SetUrl( fileUrl ) ; window.top.close() ; window.top.opener.focus() ; } }</div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2008-04-10 22:53 <a href="http://www.aygfsteel.com/sealyu/archive/2008/04/10/192009.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> seal — Thu, 10 Apr 2008 14:51:00 GMT <div>最�q�做��目的时候碰��C��个问题：</div> <div>在js里面使用window.close()�Q�IE下工作正常，但是FireFox下有时可以，有时不行�?/div> <div>搜烦发现�Q�可以这栯��冻I��</div> <div><script language="javascript" type="text/javascript"> function closeWindow() { window.open('','_parent',''); window.close(); } </script> <a href="javascript:closeWindow();">Close Window</a></div> <div> </div> <div>在前面加一�?nbsp; window.open('','_parent',''); </div> <div>作用为：</div> <div>fool the browser into thinking that it was opened with a script This opens a new page, (non-existent), into a target frame/window, (_parent which of course is the window in which the script is executed, so replacing itself), and defines parameters such as window size etc, (in this case none are defined as none are needed). Now that the browser thinks a script opened a page we can quickly close it in the standard way…</div> <div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sealyu/" target="_blank">seal</a> 2008-04-10 22:51 <a href="http://www.aygfsteel.com/sealyu/archive/2008/04/10/192007.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> </main></body></html>