今天是胡编乱造的js课。(╯‵□′)╯︵┻━┻。

9 篇文章 0 订阅

今天讲的是js的相关内有
循环的控制:
Break:跳出当前for循环。
Continue:结束本次循环进行下一次。
异常处理:
try:把可能出现异常的代码放到里面。
Catch:如果出现异常可以输出异常信息。
Finally:不管是否有异常都会执行的代码段,一般必须执行的代码放在里面。
Err:异常对象,通过这个对象可以获得到异常的名字,信息。

function deal(){
try{
/*抛出自定义异常*/
var num = document.getElementById("num").value;
var n = parseFloat(num);
if(num=="") throw "是否为空"
if(isNaN(n)) throw "非数字" 
if(n==0) throw "为零"
if(n>0&&n<10) throw "emmmmm"
    }catch(err){
            alert(err);
    }finally{
    alert("must pocess")
    }
}
</div>
        <script type="text/javascript" >
            var d=document.getElementById("nu");
//          d.style.backgroundColor="blue";
            d.style.backgroundImage="url(../img/验证码.png)";
//          d.style.backgroundSize = "100% 100%";
            d.style.backgroundRepeat = "no-repeat";
            d.style.backgroundPosition = "center center";
//          d.style.backgroundAttachment="fixed";
        </script>
Html DOM margin 
Object.style.float=”right”;
clear 属性设置一个元素的侧面是否允许其他的浮动元素。
Object.style.clear=”left”;

Display: none;
Visibility: hidden;
/*display隐藏block显示区域。
  * visibility不显示仍旧占有区域。 
* diaplay不显示也不占有区域。
  */
object.style.emptyCells = "hide"; //隐藏空白单元格的边框
Z-index作用:控制两个元素上下位置值大的在上面,
注意两个元素都要进行定位。
如下
<head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #a1{
                background-color: red;
                z-index: 1;
            }
            #a3{
                background-color: purple;
                width: 200px;
                z-index: 0;
            }
            div{
                width: 100px;
                height: 100px;
                border: 1px solid pink;

            }
        </style>
    </head>

    <body>
        <div id="a1">
            323232
        </div>

        <div id="a3" title="33">
        </div>
        </table>
        <script type="text/javascript">
            document.getElementById("a3").style.position="relative";
            document.getElementById("a3").style.top = "-200px";
            document.getElementById("a1").style.position="relative";

        </script> 
    </body>

把script脚本写在body上面
可以用在文本加载后调用该方法
Window.onload = function(){}
方法的定义要写在方法的外边。
Json
Json应用场景:
1)可以存值
2)后台向前台传值(学生对象/学生数组)
Json特点/与xml区别
更小/传输速度更快/解析更快 就是传递录入一个json格式字符串。

var a = '{"class":[{"cn":"math","credit":9},{"cn":"english","credit":8}]}';
            var b ='{"student":[{"name":"你怕怕","jierlength":"large"},{"name":"grandpa","jierlength":"mostlarge"}]}' 
            var json_obj = eval("(" + a + ")");
            for(var i in json_obj.class){
                for(var j in json_obj.class[i])
                alert(json_obj.class[i][j]);
            }
            var json_ob = eval("("+b+")");
            for(var i in json_ob.student)
                for(var j in json_ob.student[i])
                    alert(json_ob.student[i][j]);

定义与遍历如上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值