js大杂烩

最新推荐文章于 2024-10-01 20:12:28 发布
最新推荐文章于 2024-10-01 20:12:28 发布
阅读量110 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/1994482/blog/478895
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #card{
            width: 300px;
            height: 200px;
        }
        #tit{
            width: 100%;
            height: 13px;
            line-height: 25px;
        }
        #tit h3{
            margin: 0px;
            padding: 0px;
            width: 80px;
            background: #cccccc;
            float: left;
            line-height: 25px;
            text-align: center;
            border: 2px solid white;
            font-size: 12px;
            color: white;
        }
        #content{
            width: 100%;
            height: 175px;
            background: #888;
            color: white;
        }
        #content div{
            display: none;
        }
        #content .one{
            display: block;
        }
        #tit .titin{
            border: 2px solid #888;
            background: #888;
        }
    </style>
</head>
<body>
<a id="alink" href="http://www.baidu.com" target="_blank" title="this is test"><b>test</b></a><br>

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>
    <script>
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write(j+"x"+i+"="+(j*i)+"&nbsp;&nbsp;&nbsp");
            }
            document.write("<br>");
        }
        document.write("---------------------------------------------------------------------------------------------------<br>")
        for(var i=9;i>=1;i--){
            for(var j=1;j<=i;j++){
                document.write(j+"x"+i+"="+(j*i)+"&nbsp;&nbsp;&nbsp");
            }
            document.write("<br>");
        }
        document.write("---------------------------------------------------------------------------------------------------<br>")
        document.write('<table border="1" width="800" >');
            var i=0;
            while(i<1000){
                if(i%10==0)
                {
                    if(i%20==0)
                        bg="#CCCCCCCC";
                        else
 bg="#FFFFFFFF";

                    document.write('<tr onMouseOver="show(this)" onMouseOut="noShow(this)" bgColor="'+bg+'">')
                }

                document.write('<td>'+i+'</td>');
                i++

                if(i%10==0)
                    document.write('</tr>')
            }
        document.write('</table>')
        var ys=null
        function show(obj){
            ys=obj.bgColor;
            obj.bgColor="red";
        }
        function noShow(obj){
            obj.bgColor=ys;
        }
        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")
        table(8,8);
        table(5,3);
        function table(row,col) {
            document.write('<table border="1" width="800">');
            for (var i = 0; i < row; i++) {
                if (i % 2 == 0)
                    bg = "red";
                else
 bg = "";
                document.write('<tr bgColor="' + bg + '">');
                for (var j = 0; j < col; j++)
                    document.write('<td>' + (i * col + j) + '</td>')
                document.write('</tr>')
            }
            document.write('</table>')
        }
 function demo(start,end,check){
            for(var i=start;i<end;i++){
                if(check(i)){
                    document.write(i+"<br>");
                }
            }
        }
        demo(10,500,function(num){
            if(num%3==0){
                return true;
            }else{
                return false;
            }
        })
        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")
        var str="%u5F53%u4ECA%u65F6%u4EE3%u65F6%u95F4%u6BB5%u4E0A%u8BFE%u89C9%u5F97%u4E0A%u8BFE%u5C31%u662F%u89C9%u5F97%u65F6%u95F4%u5927%u5BB6%u65F6%u95F4%u4F46%u662F%u70B9%u51FB%u4E0A%u520A%u767B%u59D0%u59D0%u6211i%u5927%u59D0%u5927%u5BB6%u70B9%u51FB%u51E0%u70B9%u7761%u80AF%u5FB7%u57FA%u53E6%u5916i%u7684dmfkl%25%24%23HBJDBJDn%u6211%u7684%u7834%u5730%u65B9%uFF1B%u5206%u997F%u54" +
                "E6%u8BC4%u5206%u5BA2%u670D%u7F34%u8D39%u91D1%u989D%u4E30%u5BCC%u59DC%u6069%u83F2 ";
//        alert(str);
 document.write(unescape(str));

        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")

        var dt=new Date();

        var st="今天是: ";
        st+=dt.getYear()+"年";
        st+=(dt.getMonth()+1)+"月"
 st+=dt.getDate()+"日 ";
        st+=dt.getHours()+":";
        st+=dt.getMinutes()+":";
        st+=dt.getSeconds()+" ";

        switch (dt.getDay()){
            case 0:
                st+="Sunday ";
                break;
            case 1:
                st+="Monday";
                break;
            case 2:
                st+="Tuesday";
                break;
            case 3:
                st+="Wednesday ";
                break;
            case 4:
                st+="Thursday ";
                break;
            case 5:
                st+="Friday ";
                break;
            case 6:
                st+="Saturday ";
                break;
        }
        document.write(st);
        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")

        var p={name:"zhangSan",age:18,sex:"man"};
//        alert(p.name)
//        alert(p["name"])

 document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")

        var rows=20;//行数
 var cols=20;//列数

 var w=15;//宽
 var h=15;//高
        //声明一个数组
 var map=new Array();

        for(i=0;i<rows;i++){
            //数组map中分别声明数组
 map[i]=new Array();
            for(var j=0;j<cols;j++){
                map[i][j]=0;//二维数组中的每个元素为0
 }
        }

        map[Math.floor(Math.random()*rows)][Math.floor(Math.random()*cols)]=1;
        map[Math.floor(Math.random()*rows)][Math.floor(Math.random()*cols)]=2;

        for(var i=0;i<rows;i++){
            for(var j=0;j<cols;j++) {
                if(map[i][j]==1)
                    var bg="red";
                else if(map[i][j]==2)
                    var bg="blue";
                else
                    var bg="yellow";
                document.write('<div style="position: absolute;top: ' + (100 + h * i) + 'px;left: ' + (800 + w * j) + 'px;width: ' + w + 'px;height: ' + h + 'px;overflow: hidden;background: '+bg+';border:1px solid white"></div>');
                }
            }
        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")
        var aobj=document.getElementById("alink");
        aobj.href="http://www.sina.com";
        aobj.target="_self";
        aobj.title="demo demo demo";

        aobj.className="test";
        aobj.className+="demo";
        aobj.className="";

        document.write("-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>")

        document.write("<ul>");
        for(var i=0;i<20;i++) {
            document.write("<li>");
            document.write('<input type="checkbox" name="ids[]" value="'+i+'">aaaaaaa')
            document.write("</li>");
        }
        document.write("</ul>");
    </script>
<a href="javascript:sall()">全选</a>
<a href="javascript:fall()">反选</a>
<a href="javascript:nall()">全不选</a>
<!--<a href="javascript:sall()">删除</a>-->

<label for="ss"><input id="ss" type="checkbox" onclick="newsall(this)">全选</label>

<script>
    var cnames=document.getElementsByName("ids[]");
//    alert(cnames[5].checked=true);
 function sall(){//全选
 for(var i=0;i<cnames.length;i++){
            cnames[i].checked=true;
        }
    }

    function fall(){//全不选
 for(var i=0;i<cnames.length;i++){
            if(cnames[i].checked){
                cnames[i].checked=false;
            }else{
                cnames[i].checked=true;
            }
        }
    }

    function nall(){//反选
 for(var i=0;i<cnames.length;i++){
            cnames[i].checked=false;
        }
    }

    function newsall(obj){//全选（新）
 for(var i=0;i<cnames.length;i++){
            cnames[i].checked=obj.checked;
        }
    }
</script>
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>
<form name="frm1">
    <input type="text" name="username" value="zhangSan">
</form>

<form name="frm2">
    <input type="text" name="username" value="liSi">
</form>

<form name="frm3">
    <input type="text" name="username" value="admin">
</form>

<script>
//    var names=document.getElementsByName("username")[0];
 alert(document.forms[1].username.value);
    alert(document.forms["frm2"].username.value);
    alert(document.forms.item(1).username.value);
    alert(document.forms.item("frm2").username.value);
    alert(document.forms.frm2.username.value);
    alert(document.frm2.username.value);
    alert(document["frm2"].username.value);
//    alert(names.value);
</script>

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<br>
<div id="card">
    <div id="tit">
        <h3 onmouseover="show(0)" class="titin">第一项</h3>
        <h3 onmouseover="show(1)">第二项</h3>
        <h3 onmouseover="show(2)">第三项</h3>
    </div>
    <div id="content">
        <div class="one">
            <ul>
                <li>aaaaaaaaaaaa</li>
            </ul>
        </div>

        <div>
            <ul>
                <li>bbbbbbbbbbbbb</li>
                <li>bbbbbbbbbbbbb</li>
            </ul>
        </div>

        <div>
            <ul>
                <li>cccccccccccc</li>
                <li>cccccccccccc</li>
            </ul>
        </div>
    </div>
</div>

<script>
    var h3os=document.getElementsByTagName("h3");
    var cdivs=document.getElementById("content").getElementsByTagName("div");
    function show(num){
        for(var i=0;i<h3os.length;i++){
            if(i==num){
                h3os[num].className="titin";
                cdivs[num].style.display="block";
            }else{
                h3os[i].className="";
                cdivs[i].style.display="none";
            }
        }
//        alert(num);
 }
//    alert(document.scripts.length)
</script>
</body>
</html>


转载于:https://my.oschina.net/u/1994482/blog/478895

weixin_34100227
关注
数据分析大数据面试题大杂烩02
GavinKai
03-09 2418
Map端会处理输入数据并产生中间结果,这个中间结果会写到本地磁盘,每个Map的输出会先写到内存缓冲区中,当写入的数据达到设定的阈值时,系统将会启动一个线程将缓冲区的数据写到磁盘,这个过程叫做spill(spill写入之前,会先进行二次排序,首先根据数据所属的partition进行排序,然后每个partition中的数据再按key来排序 . partition的目是将记录划分到不同的Reducer上去,以期望能够达到负载均衡,以后的Reducer就会根据partition来读取自己对应的数据 . 接着运行co
spring IOC(DI)
u014340331的博客
01-29 109
Spring简介 spring作者：Rod Johnson，重要在思想上，理念：使现有技术更加实用，不去创建新技术，整合已有的框架技术。Spring本身是一个大杂烩 无论是什么框架，只是提供了一种规则给你。知识点如何运用到项目中，这才是精髓。 1、轻量级框架（轻量级，就是无侵入性，替换该框架时原有代码不需要改动） 2、IOC容器（控制反转） 3、AOP（面向切面编程） 4、对事务的支持 5、对框架的支持 IOC控制反转（inversion of control) 优点： 1、对象由原来程序本身创建，变为程序
前端大杂烩之ES6（一）
xuyuexiong的博客
07-17 265
1. 谈一谈Promise   Promise是ES6中几个重要特性之一，这里不详细展开，只简单介绍一下Promise的几个用法和作用，想更深入的了解，可以去看其他的ES6文档。   Promise对象可以理解为执行的一次异步操作，只是它可以用链式的方式来编写代码，而不用像以往嵌套那样，一层一层的写回调函数。  Promise对象的特点：   1、对象的状态不受外界影响。     Pro...
python json 替换_爬虫笔记——1.Python爬虫实现之相关短语句大杂烩
weixin_34119722的博客
01-25 220
Python ast和json模块的区别Python中ast模块，json模块，都具有处理数据的能力，都常用于解析request()返回的内容。ast模块：如果需要把一大长串的字符串数据转化为json数据，那么我会第一个想到使用ast模块，因为他比json模块使用更加简单。data_json = ast.literal_eval(data)json模块：如果 具有单引号形式 data = '{"n...
快速排序、函数柯里化、call封装bind,编程大杂烩
mvvm实现原理
02-28 304
去除数组中的item元素，返回一个新数组。 function remove(array,item) { var arr = []; for(var i = 0; i &amp;amp;amp;lt; array.length; i++) { if(array[i] !== item) { arr.push(array[i]); } } return arr; } remove([1,1,2,3,4]...
JavaScript大杂烩
08-13 305
=========================Js中sort()[排序]方法的用法================================返回一个元素已经进行了排序的 Array 对象。 arrayobj.sort(sortfunction)  参数 arrayObj  必选项。任意 Array 对象。  sortFunction  可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略， 那么元素将按照 ASCII 字符顺序进行升序排列。  说明 sort 方法将 Array 对象进行适当
JS 大杂烩（持续更新）
wh710107079的博客
10-29 328
数组去重 var arr = [1, 2, 3, 3, 4]; console.log(...new Set(arr)) >> [1, 2, 3, 4] const deDupe = (myArray) => [... new Set(myArray)]; deDupe([1, 1, 2, 1, 3, 3, 4]) // [1...
JS面试题大杂烩
Smilequeen1的博客
08-15 267
/ [1, 2, 3, 4, 5] (原数组未变)是 JavaScript 数组的两个常用方法，它们用于处理数组，但有不同的用途和行为。方法用于从一个数组中提取一部分，返回一个新数组，不会修改原数组。// 5 (原数组长度已变)方法用于在数组中添加或删除元素，并会修改原数组。slice和splice区别。slice和splice区别。
图片文字滚动特效JS大杂烩
10-21
"图片文字滚动特效JS大杂烩"就是一个专门收集了多种图片和文字滚动特效的资源包，它提供了丰富的JavaScript代码示例，适用于那些希望为自己的网站增添动态效果的开发者。以下是对这些知识点的详细解释： 1. **图片...
java开发tool大杂烩
06-29
"java开发tool大杂烩"这个主题涵盖了多种工具，这些工具在不同的开发环节中各有用途，下面将逐一介绍。 1. Redis-x64-3.2.100.msi：这是Redis的Windows安装包。Redis是一款开源的、基于键值对的数据存储系统，常...
javascript日历大杂烩
09-19
本资源包“javascript日历大杂烩”集合了5种不同的JavaScript日历实现，每一种都有其独特的特性和用途，为开发者提供了丰富的选择。 1. **丑日期控件**： 这个控件可能注重的是功能而非外观设计。它可能包含了基本...
phpwind 19楼大杂烩
12-01
【phpwind 19楼大杂烩】是基于PHPWind 8.7版本的一款主题模板，专为构建大型社区论坛而设计。这款模板以其时尚、大气的风格吸引用户，旨在提供一个互动性强、用户体验良好的在线交流平台。在设计上，它可能融合了...
FootballData:JSON和CSV FootballSoccer数据大杂烩
05-26
数据大部分为csv和json格式。 有关在线提供的足球数据的完整列表，请参阅 。 文件和数据集将移动，架构将更改。 如果需要快照，请分叉该项目。 请添加您的数据集。 我们需要更多数据。 档案文件 [2016年欧洲杯]-...
如何搭建Vue脚手架
w6437286的博客
09-26 492
本文主要讲解如何搭建vue脚手架。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 261
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
最新发布
2301_77012231的博客
10-01 272
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 474
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
深入理解 Nuxt.js 中的 app:data:refresh 钩子
09-29 1289
钩子在数据被刷新时触发，可以选择性地传入要刷新的键名（keys）。这为开发者提供了一个灵活的机制来响应数据变化，并进行必要的更新。Nuxt.js 中的钩子的用途及其实现方法。这个钩子为开发者提供了一种灵活的方式来处理数据的更新，从而优化应用的响应性和用户体验。
python数字游戏大杂烩
10-20
可以使用以下代码来创建包含1~20的奇数的列表，并使用for循环将这些数字打印出来： ``` odd_list = list(range(1, 21, 2)) for num in odd_list: print(num) ``` 同样地，可以使用以下代码来创建包含3~30内能被3...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值