`学习笔记`分类下的文章 | 斯人笔记本 - IMSRY - 个人博客原创文章学习笔记技术分享

学习笔记

百度新闻代码（去LOGO方法）- JS实现

Anthony 发表于 2014-09-26 18:35:11 标签：

获取代码请到：http://news.baidu.com/newscode.html 按自己的需要获取

//展现新闻的DIV框架
<div id="news">
<!-- @百度新闻代码 start! -->
    <style type=text/css>
        div{font-size:12px;font-family:arial}.baidu{font-size:12px;line-height:20px;font-family:arial}
        a,a:link{color:#00bbbb;} .baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}
    </style>
    <script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=socianews&pn=1&tn=newsbrofcu">
    </script>
<!-- @百度新闻代码 end! -->
</div>

这样不做修改的代码展现出来是带有百度新闻LOGO的，有时候我们不想这个LOGO出来，所以这里来教你们怎么去掉这个LOGO！
在页面中加入JS函数：

<script type="text/javascript">
    //函数定义（DIV框架ID，第i个子DIV框架）
    function removebdlogo(obj, i) {
        a = document.getElementById(obj).getElementsByTagName("div");   //获取LOGO的DIV节点
        a[i].style.display = "none";   //将其设置为隐藏
        return false;
    }
</script>

然后我们在id=”news”的DIV框架外面执行这个函数：

1 2	<!-- id='news'框架下面的第0个DIV框架 --> <script type="text/javascript" >removebdlogo("news",0);</script>

这样我们展现出来的效果就好多了！

当然，我们也可以通过修改STYLE来改变一些元素属性，比如字体大小、颜色等等

阅读剩下更多

学习笔记

做侧边菜单之弹出二级菜单-position定位不影响其他DIV

Anthony 发表于 2014-09-24 19:48:19 标签： HTML

二级展现菜单
常常使用position用于层的绝对定位，比如我们让一个层位于一个层内具体什么位置，为即可使用position:absolute和position:relative实现。

position:absolute；position:relative绝对定位使用通常是父级定义position:relative定位，子级定义position:absolute绝对定位属性，并且子级使用left或right和top或bottom进行绝对定位。

例子：
首先是JS实现二级菜单的展现

<script language="javascript">
    function tab(tag, className, isDisplay) {
        var list = document.getElementsByTagName(tag);
        for (var i = 0,
        len = list.length; i < len; i++) {
            if (list[i].className == className) {
                if (isDisplay == 1) {
                    list[i].style.display = "block"
                } else {
                    list[i].style.display = "none"
                }
            }
        }
    }
</script>
</pre>
页面代码：
<pre lang="html" line="1" escaped="true">
<div style="float:left; position:relative">

##学校
<span class="bianh">
<a herf="#">[切换]</a></span>
<div style="position:absolute; left:40px;" onmousemove="tab('div','selectschool',1)" onclick="tab('div','selectschool',2)">
<a herf="#">中南民族大学</a>
<a herf="#">XXXX大学</a>
    </div>
</div>

阅读剩下更多

学习笔记

JS遍历Table的所有单元格内容（转载）

Anthony 发表于 2014-08-19 16:48:06 标签：

function GetInfoFromTable(tableid) {
var tableInfo = "";
var tableObj = document.getElementById(tableid);
for (var i = 0; i &lt; tableObj.rows.length; i++) {    //遍历Table的所有Row
for (var j = 0; j &lt; tableObj.rows[i].cells.length; j++) {   //遍历Row中的每一列
tableInfo += tableObj.rows[i].cells[j].innerText;   //获取Table中单元格的内容
tableInfo += "   ";
}
tableInfo += "\n";
}
return tableInfo;
}

阅读剩下更多

学习笔记

js 获得多个同name 的input输入框的值（转载）

Anthony 发表于 2014-08-19 16:08:11 标签：

js 获得多个同name 的input输入框的值

起初是使用document.all.id.length获得输入框的个数，但时而正常，时而显示undefined，效果不是很好，网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。

解决方法是如下：

1
2
3

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i &lt; j; i++){
alert(els[i].value);

阅读剩下更多

学习笔记

mac系统如何显示和隐藏文件（转载）

Anthony 发表于 2014-08-15 17:40:46 标签：

苹果Mac OS X操作系统下，隐藏文件是否显示有很多种设置方法，最简单的要算在Mac终端输入命令。显示/隐藏Mac隐藏文件命令如下(注意其中的空格并且区分大小写)：

显示Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles -bool true

隐藏Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles -bool false

或者

显示Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles YES

隐藏Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles NO

输完单击Enter键，退出终端，重新启动Finder就可以了

重启Finder：鼠标单击窗口左上角的苹果标志–>强制退出–>Finder–>重新启动

阅读剩下更多

学习笔记

Javascript:向表格添加或删除一行（转载）

Anthony 发表于 2014-08-14 11:54:00 标签：

<html>
<head>
<title>title</title>
<script type="text/javascript">
function delIndex(obj) {
var rowIndex = obj.parentNode.parentNode.rowIndex;//获得行下标
alert(rowIndex);
var tb = document.getElementById("tb");
tb.deleteRow(rowIndex);//删除当前行
add(rowIndex);//在当前行插入一行
}
function add(rowIndex) {
var tb = document.getElementById("tb");
if (rowIndex == "-1") {
rowIndex = tb.rows.length;//默认在末尾插入一行
}
var row = tb.insertRow(rowIndex);//在表格的指定插入一行
var c1 = row.insertCell(0);
c1.innerHTML = "new" + rowIndex;
var c2 = row.insertCell(1);
c2.innerHTML = '<a href="javascript:void(0)" onclick="delIndex(this)">删除</a>';
}
</script>
</head>
<body>
<input type="button" value="添加一行" onclick="add('-1')" ><input type="button" value="删除选中项" onclick="del()" />
<table id="tb">
<tr><td>1</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>2</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>3</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>4</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>5</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>6</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
<tr><td>7</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
</table>
</body>
</html>

阅读剩下更多

学习笔记

js&javascript js单击&事件修改html&body元素内容

Anthony 发表于 2014-08-07 15:42:49 标签：

<script>
function myFunction()
{
document.getElementById("demo");  // 找到元素
document.getElementById("demo").innerHTML="Hello JavaScript!";    // 改变内容
}
function myFunction1()
{
x=document.getElementById("demo");  // 找到元素
x.innerHTML="JavaScript 能改变 HTML 元素的内容。";    // 改变内容
}

</script>

<button type="button" onclick="myFunction()">点击这里</button>
<button type="button" onclick="myFunction1()">点击这里</button>

阅读剩下更多

学习笔记

网页特殊符号HTML代码大全

Anthony 发表于 2014-07-24 19:28:33 标签： HTML

HTML特殊字符编码大全：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。

字符	实体	字符	实体	字符	实体	字符	实体
´	´	©	©	>	>	µ	µ
&	&	°	°	¡	¡
¦	¦	÷	÷	¿	¿	¬	¬
§	§	•	•	½	½	«	«
¶	¶	¨	¨	§	§	•	•
½	½	«	«	¶	¶	¨	¨
¸	¸	¼	¼	<	<	±	±
×	×	¢	¢	¾	¾	¯	¯
“	"	™	™	€	€	£	£
¥	¥	„	&bdquo;	…	…	·	·
›	&rsaquo;	ª	ª	ˆ	&circ;	“	“
—	—	’	’	º	º	†	&dagger;
‹	&lsaquo;	–	–	‚	&sbquo;	”	”
‡	&Dagger;	‘	‘	‰	&permil;
˜	&tilde;	≈	≈	⁄	&frasl;	←	←
∂	∂	♠	&spades;	∩	∩	≥	≥
≤	≤	″	″	∑	∑	♣	&clubs;
↔	↔	◊	&loz;	′	′	↑	↑
↓	↓	♥	&hearts;	−	−	∏	∏
‍	&zwj;	♦	&diams;	∞	∞	≠	≠
√	√	‌	&zwnj;	≡	&equiv;	∫	∫
‾	&oline;	→	→	α	α	η	η
μ	μ	π	π	θ	θ	β	β
γ	γ	ν	ν	ψ	ψ	υ	υ
χ	χ	ι	ι	ω	ω	ρ	ρ
ξ	ξ	δ	δ	κ	κ	ο	ο
σ	σ	ζ	ζ	ε	ε	λ	λ
φ	φ	τ	τ	Α	Α	Η	Η
Μ	Μ	Π	Π	Θ	Θ	Β	Β
Γ	Γ	Ν	Ν	Ψ	Ψ	Υ	Υ
Χ	Χ	Ι	Ι	Ω	Ω	Ρ	Ρ
Ξ	Ξ	Δ	Δ	Κ	Κ	Ο	Ο
Σ	Σ	Ζ	Ζ	Ε	Ε	Λ	Λ
Φ	Φ	Τ	Τ	ς	&sigmaf;

HTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。

HTML原代码	显示结果	描述
<	<	小于号或显示标记
>	>	大于号或显示标记
&	&	可用于显示其它特殊字符
"	“	引号
®	®	已注册
©	©	版权
™	™	商标
&ensp;		半个空白位
&emsp;		一个空白位
		不断行的空白

阅读剩下更多

学习笔记

JS实现同时提交多个form基础方法

Anthony 发表于 2014-07-21 10:28:14 标签：

<script language="javascript">
//点击提交按钮触发下面的函数
function submitit(){

//第一个表单
var tform1= document.getElementById("formid1");

//第二个表单
var tform2= document.getElementById("formid2");

//提交第一个表单
tform1.submit();

//提交第二个表单
tform2.submit();
} </script>
     表单1 
<form id="formid1" action="#" method="post" name="formed">
 <input name="tname" type="text" value="张三" />
</form>
 表单2 
<form id="formid2" action="#" method="post" name="formed">
 <input name="tname" type="text" value="李四" />
 <input type="button" value="提交" onClick="javascript:submitit();" />
</form>

阅读剩下更多

学习笔记

弹出层－表单填写js实现

Anthony 发表于 2014-07-20 15:17:38 标签：

点击打开效果

<!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=GB2312" />
<title>弹出提示</title>
<style>
* {margin:0;padding:0;font-size:12px;}
html,body {height:100%;width:100%;}
#content {background:#f8f8f8;padding:30px;height:100%;}
#content a {font-size:30px;color:#369;font-weight:700;}
#alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}
#alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}
#alert h4 span {float:left;}
#alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}
#alert p {padding:12px 0 0 30px;}
#alert p input {width:120px;margin-left:20px;}
#alert p input.myinp {border:1px solid #ccc;height:16px;}
#alert p input.sub {width:60px;margin-left:30px;}
</style>

</head>

<body>
<div id="content">
<a href="#">注册</a>
</div>
<div id="alert">
<h4><span>现在注册</span><span id="close">关闭</span></h4>
<p><label>用户名</label><input type="text" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
<p><label>密　码</label><input type="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
<p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
</div>
<script type="text/javascript">
var myAlert = document.getElementById("alert");
var reg = document.getElementById("content").getElementsByTagName("a")[0];
var mClose = document.getElementById("close");
reg.onclick = function()
{
myAlert.style.display = "block";
myAlert.style.position = "absolute";
myAlert.style.top = "50%";
myAlert.style.left = "50%";
myAlert.style.marginTop = "-75px";
myAlert.style.marginLeft = "-150px";

mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.style.background = "#000";
mybg.style.width = "100%";
mybg.style.height = "100%";
mybg.style.position = "absolute";
mybg.style.top = "0";
mybg.style.left = "0";
mybg.style.zIndex = "500";
mybg.style.opacity = "0.3";
mybg.style.filter = "Alpha(opacity=30)";
document.body.appendChild(mybg);

document.body.style.overflow = "hidden";
}

mClose.onclick = function()
{
myAlert.style.display = "none";
mybg.style.display = "none";
}
</script>
</body>
</html>

阅读剩下更多