日度归档:2020年2月3日

javascript 如何使用js实现网页中字体“大”、“中”、“小”的三种效果呢?


摘要:
下文讲述js实现网页字体大小变化的方法,如下所示;


实现思路:
使用javscript代码修改指定对象的fontsize属性

例:
为下文设置 大 中 小 三种字体。

<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫小屋(www.maomao365.com)</title>
<style type="text/css">
#divTest {
  font-size: 14px;
}
</style>
<script type="text/javascript">
function fontSet(size) {
  document.getElementById("divTest").style.fontSize = size + "px";
}
</script>
</head>
<body>
<div>字体大小:<a href="#" onclick=fontSet(18) >[大]</a><a href="#"  onclick=fontSet(12)  >[中]</a><a href="#"   onclick=fontSet(9)  >[小]</a></div>
<div id="divTest">这是猫猫小屋,测试字体变大 变小的js测试文章</div>
</body>
</html>
javascript 改变文本字体大小的方法

javascript 改变文本字体大小的方法

javascript—如何使用js脚本获取当前电脑的分辨率呢?


摘要:
下文讲述使用js脚本获取当前客户端的分辨率的方法分享,如下所示;

在web页面的前端脚本开发中,我们经常要获取浏览器的分辨率,下文讲述使用js脚本获取的方法,如下:

实现思路:
通过在js脚本中调用screen.width 和screen.height就可以获取当前屏幕的分辨率

   <script>
   alert('当前浏览器的分辨率:\n' + screen.width + '*' + screen.height + ' pixels');
   </script>
javascript 屏幕分辨率获取方法

javascript 屏幕分辨率获取方法

javascript如何使用js实现“设为首页”和“加入收藏”功能呢?


摘要:
下文讲述javascript中使用js实现“设为首页”和“加入收藏”的功能的方法分享,如下所示:

在一些web网页中,我们常常看见有些网页上有“设为首页”和“加入收藏”,那么该如何实现呢?我们可以采用下面的js脚本实现此功能。

<a onclick="AddFavorite(window.location,document.title)">加入收藏</a>
<script>
function AddFavorite(sURL, sTitle) {
	try {
        window.external.addFavorite(sURL, sTitle);
    } catch (e) {
        try {
            window.sidebar.addPanel(sTitle, sURL, "");
        } catch (e) {
            alert("加入收藏失败,请使用Ctrl+D进行添加");
        }
    }
}
</script>


---例:将www.maomao365.com设置为首页
<a onclick="SetHome(this,'http://www.maomao365.com')" >设为首页</a>

<script>
function SetHome(obj, vrl) {
    try {
        obj.style.behavior = 'url(#default#homepage)';
        obj.setHomePage(vrl);
    } catch (e) {
        if (window.netscape) {
            try {
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            } catch (e) {
                alert("此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
            }
            var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
            prefs.setCharPref('browser.startup.homepage', vrl);
        }
    }
}
</script>