JS函数&DOM

函数

<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>

时间: 2024-10-11 06:52:29

JS函数&DOM的相关文章

JS函数大全 莫名其妙找到的

1 .document.write(""); 输出语句 2 .JS中的注释为// 3 .传统的HTML文档顺序是:document->html->(head,body) 4 .一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5 .得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6 .

js函数设计原则

一般认为函数指具有返回值的子程序,过程指没有返回值的子程序.C++中把所有子程序成为函数,其实那些返回值为void的 函数在语义上也是过程.函数与过程的区别更多是语义上的区别,而不是语法的区别. 语言纯化论者认为一个函数应该只有一个返回值,这和数学函数一样.即函数只接受输入(参数),通过参数运算返回结果. 除此之外的效果被称为函数的副作用,比如修改全局变量. function sum1(x, y) { return x+y }function sum2(x, y) { alert(x+y) }s

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

网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById

【转】JS函数集合大全

1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大

在COM组件中调用JS函数

要求是很简单的,即有COM组件A在IE中运行,使用JavaScript(JS)调用A的方法longCalc(),该方法是一个耗时的操作,要求通知IE当前的进度.这就要求使用回调函数,设其名称为scriptCallbackFunc.实现这个技术很简单: 1 .组件方(C++) 组件A 的方法在IDL中定义: [id(2)] HRESULT longCalc([in] DOUBLE v1, [in] DOUBLE v2, [in, optional] VARIANT scriptCallback);

JS函数-我调用自己试试看

前言 最近在读<JavaScript语言精粹>,对递归函数有了进一步的认识,希望总结下来: 递归是一种强大的编程技术,他把一个问题分解为一组相似的子问题,每一问题都用一个寻常解去解决.递归函数就是会直接或者间接调用自身的一种函数,一般来说,一个递归函数调用自身去解决它的子问题. "汉诺塔"经典递归问题 "汉诺塔"是印度的一个古老传说,也是程序设计中的经典的递归问题,是一个著名的益智游戏: 题目如下: 塔上有三根柱子和一套直径各不相同的空心圆盘,开始时源柱

原生js操作DOM基础-笔记

原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e0669e4a017e54a31fb39c&source=41#wechat_redirect 使用原生js为了提高效率,纯js操作dom一 查询DOMdocument.querySelector()参数是任意css选择器格式,只会返回第一个匹配到值document.querySelectorAll(

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

通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json方法10.extend方法11.类型判断的方法 数组方法集 Angela.array = { //# 数组方法 // index, 返回位置! 不存在则返回 -1: index: function (t, arr) { //# 返回当前值所在数组的位置 if (arr.indexOf) { return ar

基础常用JS函数和语法

100多个基础常用JS函数和语法集合大全 来源:http://www.cnblogs.com/hnyei/p/4605103.html 网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,scr