1.按时间显示问候语

2.强制光标停留位置

3.保存页面文本

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <html><head>

     <title>JS常用方法</title>

     <meta name="Generator" content="EditPlus">

     <meta name="Author" content="">

     <meta name="Keywords" content="">

     <meta name="Description" content="">

     <script language="JavaScript">

     <!-- 另存为文件-->

     function SaveCode(obj, filename)

     {

         var win = window.open('', '_blank', 'top=100');

         var code = obj.innerText;

         code = code == null || code == "" ? obj.value : code;

         win.opener = null;

         win.document.write(code);

         win.document.execCommand('saveas', true, filename);

         win.close();

     }

     <!-- 问候-->

     window.onload = function()

     {

         var now = new Date();

         var hour = now.getHours();

         var greeting;

         if (hour < 6)

             greeting = "凌晨好";

         else if (hour < 10)

             greeting = "早上好";

         else if (hour < 14)

             greeting = "中午好";

         else if (hour < 18)

             greeting = "下午好";

         else

             greeting = "晚上好";

         document.getElementById("hi").innerHTML = "<font color=red>" + greeting + "</font>" ;

     }

     <!-- 将光标停在对象的最后-->

     function PutCursorAtLast(obj)

     { 　

         obj.focus();

         var range = obj.createTextRange();

         range.moveStart('character',obj.value.length);

         range.collapse(true);

         range.select();

     }

     <!-- 将光标停在对象的最前-->

     function PutCursorAtFirst(obj)

     { 　

         obj.focus();

         var range = obj.createTextRange();

         range.moveStart('character',0);

         range.collapse(true);

         range.select();

     }

 </script>

 </head>

 <body>

 <span id="hi"></span><br />

 <span>curssor at last </span><br />

 <input type="text" value="curssor at last" onclick="PutCursorAtLast(this)">

 <br />

 <span>curssor at first </span><br />

 <input type="text" value="curssor at first" onclick="PutCursorAtFirst(this)">

 <br />

 <span>save file </span><br />

 <input type="text" value="hello word" onclick='SaveCode(this,"save")' /><br/>

 </body>

 </html>

JavaScript 实用方法的更多相关文章

  1. Javascript实用方法

    这篇我主要记录一些在工作中常用的.实用的方法. String trim 字符串方法中的trim主要用来去空格使用,很多时候,在后台做参数处理的时候,我们都会使用该方法,比如在获取用户输入的账户时 va ...

  2. Javascript实用方法二

    承接上一篇, Object keys object的keys方法能够获取一个给定对象的所有键(key/属性名)并以数组的形式返回.这个方法可以用于键的筛选.匹配等. var basket = { st ...

  3. 基于 es6 的 javascript 实用方法

    一.求数字数组的平均数 - 使用 数组的 reduce() 方法将每个值添加到累加器,初始值为0,总和除以数组长度. const average = arr => arr.reduce((acc ...

  4. javascript代码实用方法实现

    javascript代码实用方法实现   针对现在大家平时开发中,都会写一些重复性的js处理代码,今天总结了几个比较常用的方法实现.获取get请求参数.去字符串空格.   1.获取get请求中的参数  ...

  5. javascript实用技巧、javascript高级技巧

    字号+作者:H5之家 来源:H5之家 2016-10-31 11:00 我要评论( ) 三零网提供网络编程. JavaScript 的技术文章javascript实用技巧.javascript高级技巧 ...

  6. 在Swift中使用JavaScript的方法和技巧

    本文作者Nate Cook是一位独立的Web及移动应用开发者,是继Mattt大神之后NSHipster的主要维护者,也是非常知名活跃的Swift博主,并且还是支持自动生成Swift在线文档的Swift ...

  7. js实用方法记录-js动态加载css、js脚本文件

    js实用方法记录-动态加载css/js 附送一个加载iframe,h5打开app代码 1. 动态加载js文件到head标签并执行回调 方法调用:dynamicLoadJs('http://www.yi ...

  8. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

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

    整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 <JavaScript实用效果整理>已整理成PDF文档,点击可直 ...

随机推荐

  1. ETag简介与作用

    ETag简介与作用 一.ETag简介 ETag是URL的tag,用来标示URL对象是否改变.这样可以应用于客户端的缓存:服务器产生ETag,并在HTTP响应头中将其传送到客户端,服务器用它来判断页面是 ...

  2. MAC地址和交换机

    数据链路层主要关注三个问题: 这个包是发给谁的?谁应该接收? 大家都在发,会不会产生混乱?有没有谁先发.谁后发的规则? 如果发送的时候出现了错误,怎么办? 数据链路层也称为MAC(Medium Acc ...

  3. swfupload控件文件上传大小限制设置

    swfupload控件,是我在开发过程中用到的上传文件的控件,非常实用和方便.但最近碰到一些问题,解决之后进行一下整理. 因为用户上传文件的大小限制增加,导致原本上传控件时,文件的大小需要进行调整和限 ...

  4. C#和 JS的闭包

    闭包的概念是内层的函数可以引用包含在它外层的函数的变量,即使外层函数的执行已经终止.但该 变量提供的值并非变量创建时的值,而是在父函数范围内的最终值. C#闭包可理解为跨作用域访问函数内变量,那么如何 ...

  5. xilinx fpga 生成3*3窗口

    在写滤波程序的时候在网上看了好几篇大佬的笔记,都有提到使用3*3窗口,由于小白一个,看到复杂的理论就惧怕的不行.但是现在不得不上,自己调用移位寄存器ip核然后做了个3*3窗口出来,自己动手作出来忽然感 ...

  6. EOJ Monthly 2019.11 A(进制转换)

    "欢迎您乘坐东方航空公司航班 MU5692 由银川前往上海......" "我们的飞机很快就要起飞了,请收起小桌板,摘下耳机......" 收起了小桌板,摘下了 ...

  7. integrator.setTimeout 设置一个超时时间，超过这个时间之后，扫描的 Activity 将会被 finish 。

    integrator.setTimeout 设置一个超时时间,超过这个时间之后,扫描的 Activity 将会被 finish . +++++++++++++++++++ 经查,没有这个功能

  8. Asp.net Core 3.1基于AspectCore实现AOP，实现事务、缓存拦截器

    最近想给我的框架加一种功能,就是比如给一个方法加一个事务的特性Attribute,那这个方法就会启用事务处理.给一个方法加一个缓存特性,那这个方法就会进行缓存. 这个也是网上说的面向切面编程AOP. ...

  9. log4j2.xml配置使用

    jar包: log4j-api-2.10.0.jar log4j-core-2.10.10.jar log4j-1.2-api-2.10.0.jar log4j-slf4j-impl-2.10.10. ...

  10. 面试官你好，我已经掌握了MySQL主从配置和读写分离，你看我还有机会吗？

    我是风筝,公众号「古时的风筝」,一个简单的程序员鼓励师. 文章会收录在 JavaNewBee 中,更有 Java 后端知识图谱,从小白到大牛要走的路都在里面. 面试官:我看你简历上写的你们公司数据库是 ...