js dom bom

2种结合方式:
1.在body中加入script标签,<script type="text/javascript" >alert(" 向页面弹出提示框显示内容");</javascript>
2.引入外部js文件<script type="text/javascrip"src="1.js"></script>
此方法中写script代码无效 js类型:
原始类型:-string:var str="abc";(字符串)
-number:var m=123;(数字)
-boolean:var flag=true;(布尔)
-null:var flag=new Data();(空的引用对象)
-undifned:var a;(没有赋值的变量)
typeof();产看当前变量的数据类型 js语句:
if判断语句:if - else if- else
switch选择语句:
-switch(a){
case 5:
alert(a);
break;
...
default:...
}
循环语句:while和for和do-while js运算符:(alert(页面弹出内容))
1.js中不区分小数和整数
2.字符串相加减:相加是字符串链接,相减是做减法运算
3.提示NaN时表示输入的不是一个数字
4.bool类型设置成true表示1,false表示0,可以相加减
5.==比较的是值,===比较值和类型
6.document.write("把内容显示在页面上,可以输变量,值和代码") js数组:定义数组方式1.var arr={1,2,3};var arr={1,"4",true};
2.使用array对象var arr=new Array(5);长度是5;arr[0]="1";
3.var arr=new Array(3,4,5);
length属性可以获得数组长度;数组可以放不同类型的数据 js函数:定义函数方式1.使用function定义
function 方法名 (参数){
方法体;
返回值可有可无;}
2.匿名函数:
var add=function(参数){
方法体;
返回值}
3.var add=new Function("参数","方法体和返回值"); js全局变量和局部变量:
全局变量:在script标签里创建的变量,在页面的js部分都可以使用
局部变量:在方法体内定义的变量,只能在方法体中使用
ie8以上版本按f12打开调试面板 js标签放在body内,放在head里会获取不到body中的一些变量值 string对象的方法:1.与html相关的方法
-bold()加粗
-fontcolor()设置颜色
-fontsize()设置字体大小
-link()设置成超链接
-sub()sup()下标和上标/////////str.方法()的格式 2.与java相似的方法
-concat();连接字符串
-charAt();返回指定位置的字符串
-indexOf();返回字符串的位置
-split();按提示符分割字符串
-replace();替换字符串中的字符
-substr();从第几个开始向后取几个
-substring();从第几个开始到第几个,取头不取尾 js的array对象:属性:length()查看数组的长度
创建:1.var a1=[1,2,3];
2.var a=new array(3);长度是3
3.var a=new array(1,2,3,4);元素是1,2,3,4
4.var a=[];创建空数组
方法:-concat()连接数组
-join()用指定字符分割数组
-push()向数组末尾添加元素,返回一个数组长度,如果添加的是一个数组,当成整体加进去
-pop()删除数组的末尾元素,返回一个删除的字符
-reverse()颠倒整个数组的排序方式 js的Date对象:在java中获取时间
Date date=new Date;//格式化或toLocaleString()转化时间格式
js中获取当前时间
var date=new Date;
document.write(date.toLocaleString());//转化成习惯的格式
getFullYear();获取当前年份
getMonth();获取当前月份,返回的值加1
getDay();返回当前星期几,星期天是0是一周的第一天
getDate();得到当前的天1-31
getHours();返回小时
getMinute();返回分钟
getSecond();返回秒
getTime();返回1970.1.1至今的毫秒数,使用毫秒数可以达到处理缓存的效果 document.write(date.getDate)格式 js的Math对象:里面的都是静态方法,可以直接使用Math.方法()
ceil(x);向上舍入
floor(x);向下舍入
round(x);四舍五入
random();得到随机数--0-9的随机数Math.random()*10 js全局函数:str="alert('1234')";
eval(str);执行字符串的代码
a=encodeURL(str1);编码
a1=decodeURL(str1);解码
alert(isNaN(str));不是数字返回true否则返回false
document.write(parseInt(str)+1)字符串进行加减运算 js函数重载:js中不存在重载,但可以通过arugments来模拟重载
function add1(){
if(argument.lenth==2){
return argument[0]+arguments[1];}}
else if...
把参数传到arguments中 js的bom对象:1.document.write(navigator.appName)获取浏览器的信息
2.Screen.width/height(宽/高)获取屏幕的信息
3.Location请求url,地址-href属性
Localtion.href;得到当前请求的地址
<input type="button" value="tiaozhuang"onclick="href1();"/>
function href1(){
localtion.href="url";}--给按钮设置事件,执行href1,跳到指定地址
4.history:请求url的历史纪录
history.back();返回上级,用button配合函数实现
history.forward();返回下级
history.go();括号里填1到下一个页面,-1到上一个页面
5.window窗口对象/顶层对象
-alert();弹出一个框显示内容
-var a=window.confirm("message");确认框返回一个布尔值
-window.prompt("对话框显示的内容","输入框里的默认值");打开一个对话框
-open("打开窗口的url"," ","窗口特征设置高宽")打开一个新窗口
-window.close();关闭窗口 -下面是定时器函数
-var id=window.setInterval("js代码",毫秒数)每多少秒执行一次代码
-var id=window.setTimeout("js代码",毫秒数)多少毫秒数之后执行一次,也只执行一次
-clearInterval(id);清除上面的setIntercal定时器
-clearTimeout(id);清除上面的setTimeout定时器 js的document对象:1.write();向页面输出内容
2.var input1=document.getElementById("id");通过id得到input对象
alert(input1.value);得到value值;;input1.value="设置value值"
3.var input2=document.getElementsByName("name");通过name得到input对象,用for循环来取值,也可通过下标获得值
4.var input3=document.getElementsByTagName("input");通过input类型得到input对象,用for循环来取值,下标同上

js,bom,dom(相信我,你看不懂我写的)的更多相关文章

  1. JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}

    前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...

  2. js BOM DOM

    BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 简而言之就是使 JavaScript ...

  3. (十七)js bom/dom

    window 是所有BOM中所有对象的核心. window 的属性 window.self代表自己本身,相当于window. eg: console.log(window.self === windo ...

  4. 如何使用 js 写一个正常人看不懂的无聊代码

    如何使用 js 写一个正常人看不懂的无聊代码 代码质量, 代码可读性, 代码可维护性, clean code WAT js WTF https://www.destroyallsoftware.com ...

  5. 递归实现深拷贝( 只要学过js递归,看不懂找我包会 )

    要用递归实现深拷贝,首先说说什么是深拷贝和浅拷贝 浅拷贝:一个值赋给另一个值,当原先的值不改变地址的情况下改变数据,另一个值跟着变 深拷贝:一个值赋给另一个值,当原先的值不改变地址的情况下改变数据,另 ...

  6. JS之DOM编程

    为什么学dom编程? 通过dom编程,我们可以写出各种网页游戏 dom编程也是我们学习ajax技术的基础,所以我们必需掌握好dom编程.  dom编程简介 DOM=Document Object Mo ...

  7. js的DOM对象

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

  8. JS的DOM操作及动画

    JS的DOM操作DOM:Document Object ModelBOM:Bowers(浏览器) Object Model找到元素:var a=document.getElementById(&quo ...

  9. DOM是什么?有什么用处?js与DOM啥关系?

    本文转载于:https://blog.csdn.net/u012155729/article/details/78135393 转载仅供自己后期学习 DOM简介大家都想知道dom是什么,翻了各种文档, ...

随机推荐

  1. loj6519 魔力环

    解题思路 考虑顺时针旋转 \(i\) 步得到的结果,根据Burnside引理,有 \[ Ans=\frac{\sum\limits_{i=0}^{n-1}C(i)}{n} \] \(C(i)\) 为旋 ...

  2. 【洛谷2053】 [SCOI2007]修车(费用流)

    传送门 洛谷 Solution 考虑把每一个修车工人拆成\(n\)个点,那么考虑令\(id(i,j)\)为第\(i\)个工人倒数第\(j\)次修车. 然后就可以直接跑费用流了!!! 代码实现 /* m ...

  3. JS基础_call和apply

    call()和apply() - 这两个方法都是函数对象的方法,需要通过函数对象来调用 - 当对函数调用call()和apply()都会调用函数执行 - 在调用call和apply可以将一个对象指定为 ...

  4. Netty使用(一)

    1.Netty介绍 Netty是一款基于NIO(Nonblocking I/O,非阻塞IO)开发的网络通信框架: 提供异步的.事件驱动的网络应用程序框架和工具,用以快速开发高性能.高可靠性的网络服务器 ...

  5. js的dom操作(整理)(转)

    js的dom操作整理(整理)(转) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来来更加方便的进行dom操作 1.dom是什么? 对于JavaS ...

  6. Java-JVM OutOfMemory 情况(JDK8)

    JVM 运行时内存结构(Run-Time Data Areas) 内存溢出分为两大类:OutOfMemoryError 和 StackOverflowError. 一.HeapOomError (JV ...

  7. linux下如何映射宿主机中的文件到容器中?

    答:在启动容器时使用-v指定宿主机目录和要映射到的容器内部目录,语法如下: docker run -it -v <host_dir>:<container_dir> <c ...

  8. golang中mysql建立连接超时时间timeout 测试

    本文测试连接mysql的超时时间. 这里的"连接"是建立连接的意思. 连接mysql的超时时间是通过参数timeout设置的. 1.建立连接超时测试 下面例子中,设置连接超时时间为 ...

  9. jeecg根据模板自定义导出

    //1.获取模板的路径: String lujing = request.getSession().getServletContext().getRealPath("/")+ &q ...

  10. Thinkphp5 的sesssion在同一个控制器不同的方法无法获取session的原因和对策

    这一段在用thinkPHP5开发微信小程序接口的时候,在同一个控制器一个方法中存入session,在另一个方法中取出session,一直都是无法取出. 查阅各种资料得到原因:thinkPHP5里面的s ...