zoukankan      html  css  js  c++  java
  • 网络编程课程复习

    js行为:为响应某一事件(Event)而采取的一个动作(Action)的过程。由动作和事件两部分组成。

    js数据类型
    1、基本数据类型:number、boolean、string、null、undefined
    2、引用数据类型:(1)宿主对象:BOM、DOM(2)内置对象:Global、Math(3)原生对象:String Boolean Date Array Object Number RegExp

    数组
    创建:
    1、var array=new Array(5); array[1]=a;array[2]=2;...
    2、var array=new Array(1,2,3,A);
    3、var array=[1,3,a,h]
    给数组增加一列:array.push("小明")
    删除数组列:array.pop("小明");
    将数组中的元素连接:array.join("---")
    将两个数组合并成一个新数组:array1.concat(array2)

    数据类型的转换
    自动转换:任何数据和字符串相加都是字符串,相减则将字符串转化为整数,如果无法转化则为NaN
    强制转换:(1)转换成字符串:
    toString()函数,Number类型的转换有默认模式和基模式对于null和undefined值强制转换会报错。num.toString();num.toString(4)(以二进制转换)
    String()可以把任何值转换成字符串,这种强制转换和toString()的唯一不同之处在于,对于null和undefined值也能强制转换而不会报错。

    (2)将字符串转换成数字:
    parseInt()函数:找数字,如果是数字直接返回,遇到非数字截止,如果首位是非数字则返回NaN,存在基模式parseInt(10,count(6));

    parseFloat()函数:从位置 0 开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转
    换成整数。 不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的。parseFloat() 会把这个
    小数点之前的字符转换成数字。这意味着字符串 "11.22.33" 将被解析成 11.22。 使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形
    式表示浮点数,而不是用八进制或十六进制。该方法会忽略前导 0,所以八进制数 0102 将被解析为 102。对于十六进制数 0xA,该方法将返回 NaN,
    因为在浮点数中,x 不是有效字符。(注释:经测试,具体的浏览器实现会返回 0,而不是 NaN。)

    Number()函数:只是它转换的是整个值,而不是部分值。 还记得吗,parseInt() 和parseFloat() 方法只转换第一个无效字符之前的字符串,因此 "1.2.3" 将分别被转换为 "1" 和 "1.2"。 用 Number() 进行强制类型转换,"1.2.3" 将返回NaN,因为整个字符串值不能转换成数字。如果字符串值能被完整地转换,Number() 将判断是调用 parseInt() 方法还是 parseFloat() 方法。number()括号中是false,返回0,true返回1

    (3)转换成布尔值:
    Boolean()函数:当要转换的值是至少有一个字符的字符串、非 0 数字或对象时,Boolean() 函数将返回 true。如果该值是空字符串、数字 0、undefined 或 null,它将返回 false。

    面向对象继承
    1、冒充:子类名 instanceof 父类名==false
    子类中:this.inherit=父类函数名,this.inherit(name)
    子类中:父类名.call(this,name)
    子类中:父类名.apply(this,[name,age])
    2、原型链:子类名 instanceof 父类名==true
    在子类外边:子类名 prototype=new 父类名();

    js选择器:document.getElementById();document.getElementsByClassName();

    BFC:block formatting context,触发BFC柜子中的元素不会对柜外的元素造成影响

    css样式的引用:
    内联:<p style="color:red;100px"></p>
    内部:<style>.div{100px;height:100px}</style>
    外部:<link href="css文件路径" type="text/css" rel="stylesheet">

    js行为的引用:
    内联:<a href="javascript:alert('win')"></a>
    内部:<script>...</script>
    外部:<script src="文件路径" type="text/javascript"></script>

    js控制css
    内联:.style
    内部和外部:var od=document.stylesheets(得到内外样式的个数) 得到第几个的具体样式:火狐:od[1].cssRules IE :od[1].rules
    最终样式(只读):火狐 document.defaultView.getComputedStyle(document.getElementById("div1"),"");
    IE document.currentStyle;

    js事件的绑定和解除:
    传统:document.getElementByTagName("p")[0].onclick=function(){}
    现代事件:false冒泡,true捕获
    var oo=document.getElementById("div1")
    function show(){}
    火狐:oo.addEventListenner("click",show,false/true);
    oo.removeEventListenner("click",show,false/true);
    IE:oo.attachEvent("onclick",show)(IE只能冒泡,且引号内必须为缺切函数)
    oo.detachEvent("onclick",show)

    选择器优先级:
    内联>内部>外部
    id>class
    伪类和类优先级相同,但在伪类前有元素时,其优先级高于类
    优先级最低的是*,最高时!important

    刷新页面:
    window.reload;

    BOM:
    定时器:setTimeOut(test,2000)等两秒钟执行test函数
    间隔执行:setInterval(test,2000)间隔两秒执行一次test
    向用户弹出对话框,并等待用户关闭:alert
    弹出对话框,并返回布尔值:confirm
    弹出输入框:prompt(用户输入的都是String类型的)
    .close():关闭窗口
    window.screen.height/width/colordepth/navagitor

    css中元素的隐藏:
    1、使用display:none来隐藏所有内容
    display:none可以让网页中所有内容不显示,如代码、文字、链接、图片、div层,是推荐的内容隐藏方式。
    2、使用visibility:hidden来隐藏内容
    visibility:hidden和display:none可以隐藏的内容几乎一样,但唯一区别是它虽然隐藏了内容,但被隐藏掉的内容仍旧占据空间,这段隐藏了内容却保留空间的位置会在网页中显示为空白。
    3、overflow:hidden这种方式可以隐藏掉固定区域外的内容,它可以有效控制显示区域。但应注意,使用它时需要给它定义宽度和高度,否则会无效。
    4、opacity:0 opacity属性我相信大家都知道表示元素的透明度,而将元素的透明度设置为0后,在我们用户眼中,元素也是隐藏的,这算是一种隐藏元素的方法。

     


     

  • 相关阅读:
    ls命令具有一个r选项,可以递归的列出子目录中的内容。请编写一个具有同样功能的程序。
    BizTalk Server 2006 正式发布了,有120天试用版可以下载 无为而为
    IT人看《国富论》系列:第一篇之第四章:论货币的起源及其效用。UML是软件行业的货币 无为而为
    使用XPathNavigator和XPathExpression求出XPath的值,[源代码] 无为而为
    为XPath自定义函数(因为XPath1.0的函数非常有限)[附源代码下载] 无为而为
    IT人看《国富论》系列:第一篇之第二章:论分工的原由。分工其实是人类利己倾向的结果 无为而为
    非常令人沮丧的是,SQL 2005 发布的 Web EndPoint不支持匿名访问 无为而为
    Team Foundation Server Workgroup Edition 5 用户限制到底是如何限制的呢? 无为而为
    微软发布新的MSN ToolBar V2.5,包含桌面搜索,Outlook搜索,支持IE的选项卡浏览模式 无为而为
    IT人看《国富论》系列:第一篇之第三章:论分工受市场范围的限制。外国人都觊觎的中国市场到底大还是不大? 无为而为
  • 原文地址:https://www.cnblogs.com/fengxiaopiaoer/p/5560503.html
Copyright © 2011-2022 走看看