Github |

■ 新浪微博 ■ Facebook ■ 公众号 我的微信订阅号

avatar

`学习笔记`分类下的文章

学习笔记

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

Anthony 发表于    标签：

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 < j; i++){
alert(els[i].value);

阅读剩下更多

默认配图
学习笔记

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

Anthony 发表于    标签：

苹果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 发表于    标签： 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 发表于    标签： 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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 发表于    标签： HTML

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

字符 实体 字符 实体 字符 实体 字符 实体
´ &acute; © &copy; > &gt; µ &micro;
& &amp; ° &deg; ¡ &iexcl; &nbsp;
¦ &brvbar; ÷ &divide; ¿ &iquest; ¬ &not;
§ &sect; • &bull; ½ &frac12; « &laquo;
&para; ¨ &uml; § &sect; • &bull;
½ &frac12; « &laquo; &para; ¨ &uml;
¸ &cedil; ¼ &frac14; < &lt; ± &plusmn;
× &times; ¢ &cent; ¾ &frac34; ¯ &macr;
“ &quot; ™ &trade; € &euro; £ &pound;
¥ &yen; „ &bdquo; … &hellip; · &middot;
› &rsaquo; ª &ordf; ˆ &circ; “ &ldquo;
— &mdash; ’ &rsquo; º &ordm; † &dagger;
‹ &lsaquo; – &ndash; ‚ &sbquo; ” &rdquo;
‡ &Dagger; ‘ &lsquo; ‰ &permil; ­ &shy;
˜ &tilde; ≈ &asymp; ⁄ &frasl; ← &larr;
∂ &part; ♠ &spades; ∩ &cap; ≥ &ge;
≤ &le; ″ &Prime; ∑ &sum; ♣ &clubs;
↔ &harr; ◊ &loz; ′ &prime; ↑ &uarr;
↓ &darr; ♥ &hearts; − &minus; ∏ &prod;
‍ &zwj; ♦ &diams; ∞ &infin; ≠ &ne;
√ &radic; ‌ &zwnj; ≡ &equiv; ∫ &int;
‾ &oline; → &rarr; α &alpha; η &eta;
μ &mu; π &pi; θ &theta; β &beta;
γ &gamma; ν &nu; ψ &psi; υ &upsilon;
χ &chi; ι &iota; ω &omega; ρ &rho;
ξ &xi; δ &delta; κ &kappa; ο &omicron;
σ &sigma; ζ &zeta; ε &epsilon; λ &lambda;
φ &phi; τ &tau; Α &Alpha; Η &Eta;
Μ &Mu; Π &Pi; Θ &Theta; Β &Beta;
Γ &Gamma; Ν &Nu; Ψ &Psi; Υ &Upsilon;
Χ &Chi; Ι &Iota; Ω &Omega; Ρ &Rho;
Ξ &Xi; Δ &Delta; Κ &Kappa; Ο &Omicron;
Σ &Sigma; Ζ &Zeta; Ε &Epsilon; Λ &Lambda;
Φ &Phi; Τ &Tau; ς &sigmaf;

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

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

阅读剩下更多

默认配图
学习笔记

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

Anthony 发表于    标签： 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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 发表于    标签：

点击打开效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!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>

阅读剩下更多

默认配图
学习笔记

mac(Linux)下批改mysql服务器的默认字符集为utf8

Anthony 发表于    标签： MySQL

在终端操作数据库：
mysql> show variables like ‘%char%’;
+————————–+——————————————————–+
| Variable_name | Value |
+————————–+——————————————————–+
| character_set_client | utf8 |
| character_set_connection | utf8 |
| character_set_database | latin1 |
| character_set_filesystem | binary |
| character_set_results | utf8 |
| character_set_server | latin1 |
| character_set_system | utf8 |
| character_sets_dir | /usr/local/mysql-5.6.19-osx10.7-x86_64/share/charsets/ |
+————————–+——————————————————–+
这里可以看见 character_set_database 和 character_set_server 都是默认的latin1，这就表明创建的数据库和表都是以latin1为字符集的，在这种情况下，无法正常使用中文！ 下面简单说一下怎么更改这个默认字符集：
1.将本地mysql目录中的支持文件my-xxxx.cnf copy到/etc/my.cnf 命令：（ sudo cp /usr/local/mysql/support-files/my-default.cnf /etc/my.cnf ）
2.编辑my.cnf 命令（sudo vi /etc/my.cnf )
3.在文件中添加两段代码：“括号中没有的自己补上”
在[client]部分加入：
default-character-set = utf8
在[mysqld]部分加入：
character-set-server = utf8
4.重启mysql;
(提示，如果重启失败，尝试将[client]下面的default-character-set=utf8改成[mysqld]中的一样)

然后就可以查看字符集是否修改成功了，登录mysql 命令查询：
mysql> show variables like ‘%char%’;
+————————–+——————————————————–+
| Variable_name | Value |
+————————–+——————————————————–+
| character_set_client | utf8 |
| character_set_connection | utf8 |
| character_set_database | utf8 |
| character_set_filesystem | binary |
| character_set_results | utf8 |
| character_set_server | utf8 |
| character_set_system | utf8 |
| character_sets_dir | /usr/local/mysql-5.6.19-osx10.7-x86_64/share/charsets/ |
+————————–+——————————————————–+
8 rows in set (0.00 sec)
这样就成功了。

阅读剩下更多

默认配图
学习笔记

如何让局域网（内网）服务器被广域网用户访问

Anthony 发表于    标签： 路由

随着IPv4的资源逐渐耗尽而新的IPv6还未被广泛使用，多用户公用同一广域IP成为了一个很好的解决办法，这种方法就类似于我们每个家庭使用的路由器，连接到同一个路由器的计算机或者手机都是同用一个广域网IP，路由器给连接到的每台设备都分配一个内网IP，内网用户可以通过广域网IP访问互联网中的服务器，但是互联网中的其他用户无法通过这个广域IP直接访问到内网的设备，因为内网中的服务器和互联网全部都通过同一个广域IP进行通信。要想使内网的服务器被互联网访问，那么需要做的就是端口映射！

如何进行映射？用家用路由器来做个简单的教程吧。

首先，我们需要登录路由器管理页面，在左边选择“虚拟服务器”－“端口映射”，这时右边出来一个映射表，把你内网中服务器的ip地址和对应的端口填入表中，选择启用，然后保存，重启路由器，路由器的配置就完成了。配置如下图所示：

QQ20140706-1
现在我们来测试一下能否通过广域ip来进行访问这台服务器，注意：不可以在这台服务器上测试，因为不用映射也能访问！（不多解释）

访问的时候记得带上端口号，如果是80端口的话可以省略。

QQ20140706-2
上图是成功的案例，通过广域ip＋对应端口号成功访问到我们内网中ip为192.168.0.6的服务器。

阅读剩下更多

默认配图
学习笔记

利用js在dedecms标签内插入图片

Anthony 发表于    标签：

加入javascript函数代码：

<script>

function gettempletsurl(string){

document.write(“<img src=\”{dede:global.cfg_basehost/｝{dede:global.cfg_templets_skin/}/“+string+”\” />”);

}

</script>
在需要插入图片的地方插入一下代码：
<script>

gettempletsurl(“images/right-arrow.jpg”); //引号内写默认模版下的图片路径

</script>
 
这种利用javascript插入图片的方法完美解决了在dedecms中标签嵌套无法插入图片的问题！

阅读剩下更多

默认配图
返回顶部