2008/02/15 22:33
一个框架页，当页面长度或高度超出浏览器时，则会出现左右和上下的滚动条。
其实左右不会超出，只有高度超出，但也会导致左右和上下的滚动条。现在只想要上下的滚动条，不想要有左右的。
本来的话，在CSS中定义body{overflow-x:hidden}就解决这个问题了，但是今天试了N次发现不行：（
后来，去掉了页面头部的声明，发现OK了，晕！加了Web标准还真麻烦，我又不想去掉头部的文档声明，应该有解决办法才对。搜索了一下，找到方案。
原来如此，于是以CSS中定义：html{overflow-x:hidden}，问题解决：）
同时转载了一篇文章：隐藏或屏蔽IE滚动条大搜罗
其实左右不会超出，只有高度超出，但也会导致左右和上下的滚动条。现在只想要上下的滚动条，不想要有左右的。
本来的话，在CSS中定义body{overflow-x:hidden}就解决这个问题了，但是今天试了N次发现不行：（
后来，去掉了页面头部的声明，发现OK了，晕！加了Web标准还真麻烦，我又不想去掉头部的文档声明，应该有解决办法才对。搜索了一下，找到方案。
引用
当使用!DOCTYPE声明打开符合标准的模式时，overflow、overflow-x和overflow-y属性会应用于HTML元素，应用于BODY元素时无效。
原来如此，于是以CSS中定义：html{overflow-x:hidden}，问题解决：）
同时转载了一篇文章：隐藏或屏蔽IE滚动条大搜罗
2007/11/07 09:20
先是在CSDN查到了这个代码：
试了下，是新建一个窗口，显示这张图片，然后另存，最后关掉这个窗口。但在Maxthon下试下，新开的窗口似乎关不掉。
后来，在czxiu发现了这样的代码，有效。
整理下，它是通过将隐藏iframe的地址设置为图片的地址，实现另存的。
实现的代码如下：
先在页面中加入一个隐藏iframe。
JS实现函数
页面中代码
<img src="/img/title_wait.gif" id="DemoImg" border="0" />
<a href="javascript:void(SaveImage(document.getElementById('DemoImg')))">点击这里下载图片</a>
img的src必须和页面是同一域的，否则会出现权限错误的提示。非同域的图片目前没有找到用JS保存的方法。不过，此功能在Firefox下无效。
<img src="http://expert.csdn.net/images/jspd_wdzx_flgg.gif" id=mxh>
<input type=button onclick="a=window.open(document.all.mxh.src);a.document.execCommand('SaveAs')" value="save">
要求在同一个domain（域）
<input type=button onclick="a=window.open(document.all.mxh.src);a.document.execCommand('SaveAs')" value="save">
要求在同一个domain（域）
试了下，是新建一个窗口，显示这张图片，然后另存，最后关掉这个窗口。但在Maxthon下试下，新开的窗口似乎关不掉。
后来，在czxiu发现了这样的代码，有效。
整理下，它是通过将隐藏iframe的地址设置为图片的地址，实现另存的。
实现的代码如下：
先在页面中加入一个隐藏iframe。
<div style="display:none;">
<iframe width="0" height="0" id="genFrm" name="_genFrm" src="about:blank"></iframe>
</div>
<iframe width="0" height="0" id="genFrm" name="_genFrm" src="about:blank"></iframe>
</div>
JS实现函数
function SaveImage(img)
{
var win = $('genFrm').contentWindow;
if (!win || img.tagName != 'IMG') return;
win.location.href = img.src;
setTimeout(function() { win.document.execCommand("SaveAs"); }, 200);
}
{
var win = $('genFrm').contentWindow;
if (!win || img.tagName != 'IMG') return;
win.location.href = img.src;
setTimeout(function() { win.document.execCommand("SaveAs"); }, 200);
}
页面中代码
<img src="/img/title_wait.gif" id="DemoImg" border="0" />
<a href="javascript:void(SaveImage(document.getElementById('DemoImg')))">点击这里下载图片</a>
img的src必须和页面是同一域的，否则会出现权限错误的提示。非同域的图片目前没有找到用JS保存的方法。不过，此功能在Firefox下无效。
2007/10/08 21:54
网上有两种代码，都可以，我自己整理了下。
放置代码时要注意，要放在body里面，放在head中无效。把“IT学习者”换成你的网站名称，document.location.href表示用户访问该页的网址，你也可以改为你的域名。
另外，已测试，此代码只对IE6有效，在IE7和Firefox下无效(不支持body.oncopy属性)。
和
示例：http://www.itlearner.com/article/2007/3881.shtml，随便复制一段文字，粘贴一下就可以看到效果了。
放置代码时要注意，要放在body里面，放在head中无效。把“IT学习者”换成你的网站名称，document.location.href表示用户访问该页的网址，你也可以改为你的域名。
另外，已测试，此代码只对IE6有效，在IE7和Firefox下无效(不支持body.oncopy属性)。
<script type="text/javascript">
document.body.oncopy=function(){
event.returnValue=false;
var t=document.selection.createRange().text;
t += "\r\n本文转摘自『IT学习者』" + document.location.href;
clipboardData.setData('Text',t);
}
</script>
document.body.oncopy=function(){
event.returnValue=false;
var t=document.selection.createRange().text;
t += "\r\n本文转摘自『IT学习者』" + document.location.href;
clipboardData.setData('Text',t);
}
</script>
和
<script type="text/javascript">
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n ---★ 本文转摘自『IT学习者』→ "+location.href;
clipboardData.setData("text", text);
}
}, 100 )
}
</script>
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n ---★ 本文转摘自『IT学习者』→ "+location.href;
clipboardData.setData("text", text);
}
}, 100 )
}
</script>
示例：http://www.itlearner.com/article/2007/3881.shtml，随便复制一段文字，粘贴一下就可以看到效果了。
2007/06/26 09:11
很早就发现传统的加入IE收藏夹的代码在Firefox下是无效的。
<a href="javascript:window.external.AddFavorite('http://www.9enjoy.com','9Enjoy')">添加到收藏夹</a>
今天浏览im286，发现讨论两者兼容的代码，调试后，发现可行：）
第一段：
<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.9enjoy.com','9Enjoy');
}
else if (window.sidebar)
{
window.sidebar.addPanel('9Enjoy', 'http://www.9enjoy.com', "");
}
}
</script>
<a href="#" onclick="addfavorite()">把本博客加入收藏</a>
下面一段更严谨，IE6，IE7，FF均通过。
<html>
<head>
<title>加入收藏</title>
<script language="JavaScript" type="text/javascript">
function JSAddFavorite()
{
if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) )
{
// firefox
window.sidebar.addPanel( '9Enjoy, 'http://www.9enjoy.com/', '' );
}
else if ( document.all && "object" == typeof( window.external ) )
{
// ie
window.external.addFavorite( 'http://www.9enjoy.com/', '9Enjoy' );
}
}
</script>
</head>
<body>
<a href="javascript:JSAddFavorite();" title="加入收藏">加入收藏</a>
</body>
<html>
原文：http://www.im286.com/thread-2029185-1-2.html
自己根据后面一段更改了一下，实现收藏当页的功能。
<script type="text/javascript">
function JSAddFavorite(){
if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ){
// firefox
window.sidebar.addPanel( document.title, document.location.href, '' );
}else if ( document.all && "object" == typeof( window.external ) ){
// ie
window.external.addFavorite( document.location.href, document.title );
}
}
</script>
<a href="javascript:JSAddFavorite()">添加到收藏夹</A>
PS:刚给同事发了本页，他就问有没有FF下设为首页的代码。。。
搜索了一下，发现因为Firefox的安全机制问题，默认是无法通过代码来实现设为首页的，因此就算了吧。相关文章：http://www.itlearner.com/article/2007/3773.shtml
PS2:发现在FF下添加后，在书签中打开，是在侧边栏打开的。。。而且没有解决方案。
官方的文档中也没提到：http://developer.mozilla.org/en/docs/DOM:window.sidebar
<a href="javascript:window.external.AddFavorite('http://www.9enjoy.com','9Enjoy')">添加到收藏夹</a>
今天浏览im286，发现讨论两者兼容的代码，调试后，发现可行：）
第一段：
<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.9enjoy.com','9Enjoy');
}
else if (window.sidebar)
{
window.sidebar.addPanel('9Enjoy', 'http://www.9enjoy.com', "");
}
}
</script>
<a href="#" onclick="addfavorite()">把本博客加入收藏</a>
下面一段更严谨，IE6，IE7，FF均通过。
<html>
<head>
<title>加入收藏</title>
<script language="JavaScript" type="text/javascript">
function JSAddFavorite()
{
if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) )
{
// firefox
window.sidebar.addPanel( '9Enjoy, 'http://www.9enjoy.com/', '' );
}
else if ( document.all && "object" == typeof( window.external ) )
{
// ie
window.external.addFavorite( 'http://www.9enjoy.com/', '9Enjoy' );
}
}
</script>
</head>
<body>
<a href="javascript:JSAddFavorite();" title="加入收藏">加入收藏</a>
</body>
<html>
原文：http://www.im286.com/thread-2029185-1-2.html
自己根据后面一段更改了一下，实现收藏当页的功能。
<script type="text/javascript">
function JSAddFavorite(){
if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ){
// firefox
window.sidebar.addPanel( document.title, document.location.href, '' );
}else if ( document.all && "object" == typeof( window.external ) ){
// ie
window.external.addFavorite( document.location.href, document.title );
}
}
</script>
<a href="javascript:JSAddFavorite()">添加到收藏夹</A>
PS:刚给同事发了本页，他就问有没有FF下设为首页的代码。。。
搜索了一下，发现因为Firefox的安全机制问题，默认是无法通过代码来实现设为首页的，因此就算了吧。相关文章：http://www.itlearner.com/article/2007/3773.shtml
PS2:发现在FF下添加后，在书签中打开，是在侧边栏打开的。。。而且没有解决方案。
官方的文档中也没提到：http://developer.mozilla.org/en/docs/DOM:window.sidebar
2007/05/24 09:12
好像是网易最早将新闻页面改成宽屏的(1024)，现在这四家的新闻页面都是宽屏的了，大势所趋啊：）
而且样式也几乎一样，都是左边新闻，右边广告，就是宽度有所差别。
今天Enjoy就将这四个站的新闻页面的宽度分别查看了一下源代码，在此做一记录。
http://news.sina.com.cn/c/2007-05-24/032513061004.shtml
950px = 640px + 310px
http://news.qq.com/a/20070524/000672.htm
910px = 608px + 302px
http://news.sohu.com/20070523/n250187290.shtml
980px = 615px + 5 + 360px
http://news.163.com/07/0524/06/3F843IG50001124J.html
968px = 573px +25px+370px
个人认为，sina的950最合适。
另从新闻页面来看，sohu和sina将所有CSS都加载在页面头部；QQ大部分在CSS上，一部分在页面中；163则两个CSS，一个通用CSS，一个新闻页面的CSS。
而且样式也几乎一样，都是左边新闻，右边广告，就是宽度有所差别。
今天Enjoy就将这四个站的新闻页面的宽度分别查看了一下源代码，在此做一记录。
http://news.sina.com.cn/c/2007-05-24/032513061004.shtml
950px = 640px + 310px
http://news.qq.com/a/20070524/000672.htm
910px = 608px + 302px
http://news.sohu.com/20070523/n250187290.shtml
980px = 615px + 5 + 360px
http://news.163.com/07/0524/06/3F843IG50001124J.html
968px = 573px +25px+370px
个人认为，sina的950最合适。
另从新闻页面来看，sohu和sina将所有CSS都加载在页面头部；QQ大部分在CSS上，一部分在页面中；163则两个CSS，一个通用CSS，一个新闻页面的CSS。
