JavaScript 实用方法

Posted 惊涛拍岸,风卷残云,指端似有雄兵百万

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 实用方法相关的知识,希望对你有一定的参考价值。

1.按时间显示问候语

2.强制光标停留位置

3.保存页面文本

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 2 <html><head>
 3     <title>JS常用方法</title>
 4     <meta name="Generator" content="EditPlus">
 5     <meta name="Author" content="">
 6     <meta name="Keywords" content="">
 7     <meta name="Description" content="">
 8     <script language="javascript">
 9 
10     <!-- 另存为文件-->
11     function SaveCode(obj, filename) 
12     {
13         var win = window.open(‘‘, _blank, top=100); 
14         var code = obj.innerText; 
15         code = code == null || code == "" ? obj.value : code; 
16         win.opener = null;
17         win.document.write(code);
18         win.document.execCommand(saveas, true, filename);
19         win.close();
20     }
21     <!-- 问候-->
22     window.onload = function()
23     {    
24         var now = new Date();
25         var hour = now.getHours();
26         var greeting;
27         if (hour < 6)
28             greeting = "凌晨好";
29         else if (hour < 10)
30             greeting = "早上好";
31         else if (hour < 14)
32             greeting = "中午好";
33         else if (hour < 18)
34             greeting = "下午好";
35         else 
36             greeting = "晚上好";
37             
38         document.getElementById("hi").innerHTML = "<font color=red>" + greeting + "</font>" ;
39     }
40     <!-- 将光标停在对象的最后-->
41     function PutCursorAtLast(obj) 
42     {  
43         obj.focus();
44         var range = obj.createTextRange(); 
45         range.moveStart(character,obj.value.length); 
46         range.collapse(true); 
47         range.select(); 
48     }
49     <!-- 将光标停在对象的最前-->
50     function PutCursorAtFirst(obj) 
51     {  
52         obj.focus();
53         var range = obj.createTextRange(); 
54         range.moveStart(character,0); 
55         range.collapse(true); 
56         range.select(); 
57     }
58 </script>
59 </head>
60 <body>
61 
62 <span id="hi"></span><br />
63 
64 <span>curssor at last </span><br />
65 <input type="text" value="curssor at last" onclick="PutCursorAtLast(this)">
66 <br />
67 
68 <span>curssor at first </span><br />
69 <input type="text" value="curssor at first" onclick="PutCursorAtFirst(this)">
70 <br />
71 
72 <span>save file </span><br />
73 <input type="text" value="hello word" onclick=‘SaveCode(this,"save")‘ /><br/>
74 
75 </body>
76 </html>

 

以上是关于JavaScript 实用方法的主要内容,如果未能解决你的问题,请参考以下文章

几个非常实用的JQuery代码片段

BootStrap实用代码片段(持续总结)

Android 实用代码片段

Android 实用代码片段

asp.net页面实用代码片段

实用代码片段