javascript实例

最新推荐文章于 2025-06-12 09:58:37 发布

new@*

最新推荐文章于 2025-06-12 09:58:37 发布

阅读量182

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/yfcjava/article/details/107379574

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

文章目录

javascript

javascript

判断一个变量是哪种类型

变量 instanceof  Array
//array是数组类型

字符串处理方式

      //cookie存储格式
      var text='name=1;username=hello;asus1=38code';
      //字符串按';'分割
      var text_split=text.split(';');
                
      var pp='';
      for(var i=0;i<text_split.length;i++){
      //trim() 方法用于删除字符串的头尾空格。
      var c=text_split[i].trim();
      //返回某个指定的字符串值在字符串中首次出现的位置
      pp+=c.indexOf('name=')+' ';
     }
	 's12345ytf'.substring(2,4);

cookie使用

	document.cookie=username+'='+name; //保存
	document.cookie //取出

使用开始按钮和停止按钮计时

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'/>

    </head>
    <body>
        <form>
            <input type="button" value="start" onclick="start()" />
            <input type="text" id="txt" />
            <input type='button' value='over' onclick='over()'/>   
        </form>
        <script>
            var text=document.getElementById('txt');
            var number=0;
            var on_off=false;
            var clock=undefined;
            function count_time(){
                text.value=number;
                number+=1;
                //开启一个线或进程执行函数
                clock=setTimeout('count_time()',1000);
            }
            function start(){
                if(on_off==false){
                    on_off=true;    
                    count_time();
                }
            }
            
            function over(){
                if(on_off==true){
                    on_off=false;
                    clearTimeout(clock);//停止计时
                }
                
            }
        </script>
    </body>
</html>

数字时钟

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'/>
        <script>
            function check_time(date){
                if(date<10)
                    return '0'+date;
                else
                    return date;
            }
            function clock(){
                var today=new Date();
                var h=check_time(today.getHours());
                var m=check_time(today.getMinutes());
                var s=check_time(today.getSeconds());
                document.getElementById('show').innerHTML=h+':'+m+':'+s;
                setTimeout('clock()',800);
            }
        </script>
    </head>
    
    <body onload='clock()'>
        <div id='show'></div>
    </body>
</html>

js中如何隐藏样式

变量.style.display="none"：“none”是一个值，表示元素将隐藏。

以某一周期调用函数

//setInterval(func,m)函数的作用是按照指定的周期时间
//来调用函数或计算表达
var id = setInterval(frame, 100);
                function frame() {
                  if (width >= 100) {
// ID传递给“clearInterval”函数来取消执行。
                    clearInterval(id);
                  } else {
                    width++;
                    pan.innerHTML=width;
                    elem.style.width = width + '%'; 
                  }
                }

事件监听

document.getElementById("clear").addEventListener("click", function() {
                document.getElementById("display").value = "";
            });

eval函数进行数字运算

参考：https://www.cnblogs.com/firstlady/p/11347382.html
eval() 可以接受一个字符串str作为参数，并把这个参数作为脚本代码来执行。
如：eval("2+3");//执行加运算，并返回运算值。