正文

JS函数&DOM

IP云
IP云V管理员/4 阅读
09/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

函数

<script>
    var time = new Date();//显示全部日期
//    document.write(time);
    var year = time.getFullYear();//显示年
//    document.write(year);
    var mon = time.getMonth()+1;//显示月份
//    document.write(mon);
    var a = Date();//显示全部日期
//    document.write(a);
    var sx = Math.random();//显示0-1的随机数
    var sx_x=parseInt(sx*10);//显示0-10的随机数，parsenInt去除小数
    var ssxx=["A","2","C","4","E","6","G","8","I","10"]
//    document.write(ssxx[sx_x]);
    
    var ab = " ab cd efg ";
//    document.write(window.location);
    var abc =ab.split("d");//以d为分隔符，分成两个字符串的数组；
    var a =ab.substr(5,7);//取5号位往后到7号位的值
    var b =ab.substring(5,7);//取5号位往后的7个值
//    document.write(a);
//    document.write("<br />");
//    document.write(b);
    var c =ab.trim();//去除字符串前后的空格
//    document.write(c);
    var d =ab.toUpperCase();//显示大写
    var e =ab.toLowerCase();//显示小写
//    document.write(d);
//    document.write(e);
    var f =ab.replace("ab","QAZ");//后替换前
//    document.write(f);
</script>

DOM

<script>
//    DOM Document(文档)    Object(对象)    Model(模型)
//    <1>
    var div1 = document.getElementById("div1");//从这个id获取元素
//        alert(div1);//object HTMLDivElement获取了一个div元素的对象
    var div2 =document.getElementsByClassName("div2")[0];
//        alert(div2);
//    var div3 =document.getElementsByTagName();标签选择器
//    var div4 =document.getElementsByName()name选择器

//    <2>
//    改内容
    div1.innerHTML = "<b>加粗</b>";//读取标签
    div2.innerText = "<b>加粗</b>";//文本
//    改样式
    div1.style.color="rgba(255,0,0,0.5)";
    div2.style.fontSize="30px";
//    改属性
    div1.setAttribute("calss","class1");//可以直接在style标签内修改class1
    div1.setAttribute("style","border: 1px solid rgb(255,0,0);");//添加属性
    div1.removeAttribute("style");//删属性
//    添加事件
    div1.onclick= function(){
        document.write("ABC");
        div1.setAttribute("","");//点击变成此标签
    }
//    造元素
    var div3 =document.createElement("div");
    div3.innerHTML="ABCDE";
    document.body.appendChild("div3");//添加到body
    document.body.removeChild("div3");//删除
</script>

JS函数&DOM的更多相关文章

  1. js函数 DOM操作

    回学校了两天请了两天假,数组和方法的内容周末一定补上! 今天介绍一下JavaScript函数 Function 一.基础内容 1.定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. f ...

  2. 通用js函数集锦&lt&semi;来源于网络&gt&semi; 【二】

    通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json ...

  3. 通用js函数集锦&lt&semi;来源于网络&sol;自己&gt&semi; 【一】

    通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用 ...

  4. 100多个基础常用JS函数和语法集合大全

    网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...

  5. JS函数

    1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏 ...

  6. js的DOM对象

    1.js的Array对象           ** 创建数组(三种)                          - var arr1 = [1,2,3];                    ...

  7. python学习笔记十三 JS，Dom（进阶篇）

    JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用:JavaScript 是因特网上最流 ...

  8. js函数的调用问题

    1.js函数的调用方式有三种.请问以下“二”处的几行代码有什么猫腻? //一 事件调用 btn.onclick=fn; //二 直接调用(window调用) fn(); //自上而下解析到这一行的时候 ...

  9. jQuery对象与JS原生dom对象之间的转换

    jQuery就是JS的一个扩展库,工具库,提供很多方便快捷的方法,所以将JS对象转换为jQuery对象后,能更方便地操作这个对象.但是jQuery对象也不是万能的,有一些JS对象有的能,jQuery对 ...

随机推荐

  1. 用groovy采集网页数据

    首先,用 http://groovyconsole.appspot.com/ 测试下面的代码,发现引用总是失败. 下载了GGTS: https://spring.io/tools/ggts 测试成功: ...

  2. Android-Selector用法

    在项目开发的时候,由于系统给出的控件不够美观,因此开发时领导常常要我更改下界面,用美工给的图片取代系统图片.开始时,我只是给按钮等设置一下背景图片,这样做虽然美观了,但界面看起来却比较死板,比如用户点 ...

  3. poj 3565 二分图最优匹配

    思路: 将ant与tree之间用距离来做权值,求最小权匹配就可以了.可以想到,如果有两条线段相交,那么将这两个线段交换一个顶点,使其不相交,其权值和一定会更小. 就像斜边永远比直角边长一样的道理. # ...

  4. 第12条：考虑实现Comparable接口

    CompareTo方法没有在Object中声明,它是Comparable接口中的唯一的方法,不但允许进行简单的等同性比较,而且允许执行顺序比较.类实现了Comparable接口,就表明它的实例具有内在 ...

  5. UVa 11461 - Square Numbers【数学，暴力】

    题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem ...

  6. &lbrack;Swift&rsqb;LeetCode1028&period; 从先序遍历还原二叉树 &vert; Recover a Tree From Preorder Traversal

    We run a preorder depth first search on the root of a binary tree. At each node in this traversal, w ...

  7. 26&period; SpringBoot 初识缓存及 SimpleCacheConfiguration源码解析

    1.引入一下starter: web.cache.Mybatis.MySQL @MapperScan("com.everjiankang.cache.dao") @SpringBo ...

  8. 【12c OCP】CUUG OCP认证071考试原题解析（36）

    36.choose the best answer View the Exhibits and examine the structures of the PRODUCTS, SALES, and C ...

  9. 20155239 2016-2017-2 《Java程序设计》第9周学习总

    教材学习内容 JDBC 简单功能 连接数据源,如数据库 传给数据库查询和更新指令 获取并处理数据库返回结果(对查询等的响应) public void connectDBAndQuery(String ...

  10. Hibernate 环境配置和依赖添加&lpar;使用java web和普通javaSE工程&rpar;

    1.Hibernate依赖包的添加 File---->Project Structure,按照如图所示操作,导入所依赖的jar包. 2.生成hibernate.hbm.xml的配置文件 (1)点 ...