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>
时间: 2024-12-25 19:19:01

JavaScript 实用方法的相关文章

Javascript实用方法

这篇我主要记录一些在工作中常用的.实用的方法. String trim 字符串方法中的trim主要用来去空格使用,很多时候,在后台做参数处理的时候,我们都会使用该方法,比如在获取用户输入的账户时 var a = String(' 1234 '); var b = "hello world"; console.log(b.trim()); //hello world console.log(a.trim()); //1234 console.log(a); // 1234 以上,可以看出

Javascript实用方法二

承接上一篇, Object keys object的keys方法能够获取一个给定对象的所有键(key/属性名)并以数组的形式返回.这个方法可以用于键的筛选.匹配等. var basket = { strawberry: 12, banana: 20, apple: 30, juice: 20 }; console.log(Object.keys(basket)); //[ 'strawberry', 'banana', 'apple', 'juice' ] create create方法用于创建

Swiper的简单实用方法

最近项目中有用到一个非常强大的组件idangerous.swiper.js的组件,这个组件能够实现幻灯片的播放效果,而且有各种3D效果,大家可以去试一下,效果很不错的说! 这是这个项目的api文档:http://www.idangero.us/sliders/swiper/api.php GitHub上的地址:https://github.com/nolimits4web/Swiper 具体使用方法(copy的Swiper官网的代码): 首先在页面中引入css和js文件: <link rel=&qu

《JavaScript实用效果整理》系列分享专栏

整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 <JavaScript实用效果整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201717.html 文章 国外30个使用很酷的JS滑动和滚动效果的网站 速度超快的菜单切换效果 使用Ctrl+Enter提交表单 jQuery Easing 动画效果扩展 超酷的固定菜单页面滚动效果 幸运大转盘-jQuery+PH

JavaScript 字符串方法

字符方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascript"> /* charAt方法和charCodeAt方法都接收一个参数,基于0的字

Firefox下javascript调试方法

前面博文谈了一下IE浏览器下javascript的调试方法,今天没事干就把火狐浏览器(Firefox)下的javascript调试方法也看了一下,记录在此,希望对大家有所帮助. 我们这次使用的代码页面为document获取对象博文中的按name属性获取对象的代码. <html> <head> <title>getElementsByName</title> </head> <body> <form id="form1&

javascript sort方法容易犯错的地方

sort方法用来对数组排序非常方便.但是sort(func)这个func参数的构造却很容易混淆. 这个func的作用是,把排序结果里任意相邻两项a,b放入到func里来执行,如果返回值都为-1,则为正序排列,如返回值都为1,则为逆序排列. 例如,[1,3,65,97,45,6,2] 如果要正序,就应该写成[1,3,65,97,45,6,2].sort(function(a, b){return a - b;}), 如果要逆序:[1,3,65,97,45,6,2].sort(function(a,

JavaScript 字符串方法(二)

字符串大小写转换方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <script type="text/javascript"> var str="HELLO world"

JavaScript数组方法对比(深度学习数组)

JavaScript数组方法对比 众所周知,JavaScript提供了许多对数组进行改变的方法,但是有些会对原数组进行影响,有些不会.下边就列举出来. 一.新增 影响原数组 array.push()  //向数组的末尾添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]; array.push(6); // [1,2,3,4,5,6]; array.unshift() //向数组的开头添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]