day 10 BOM

最新推荐文章于 2021-08-28 10:00:58 发布
最新推荐文章于 2021-08-28 10:00:58 发布
阅读量295 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38068491/article/details/82991432
版权

1.BOM (Brower Object model)

    js通过BOM与浏览器打交道

2.window对象的子对象，也是其属性

   document: 浏览器是代表html的文档对象

   history

   location：url对象

   screen

   navigator

   event

 3.window对象的常见属性和方法：

    1）三个弹出框（内置方法，特点：都会阻塞浏览器代码执行）：

        alert();    弹出框

        confirm();  确认框 点击确认输出true，点击取消输出false

        prompt();   输入框

    2）两个定时器：

         setInterval()

         setTimeout() 

    3）一个弹窗方法：

           open("路径","_blank","弹出窗口外观");外观：width height left top...

            返回值：弹出的子窗口

            特点：子窗口和父窗口可以互相操作

            focus（）；//获取焦点

            opener:根据子窗口查找父窗口。这是属性，没有（）；

            close();关闭窗口

            closed:判断某个窗口是否被关闭，关闭返回true,否则返回false。这是属性，没有（）；

案例：

父窗口和子窗口可互相操作

index.html父窗口

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <botton id="btn">操作子窗口</botton>

        <h1>这是网站首页</h1>

    </body>

</html>

<script type="text/javascript">

    var btn = document.getElementById("btn");

    //open方法返回子窗口的window对象

    var subWin = window.open("sub.html","_blanck","height=400,width=600,top=200,left=200");

    btn.onclick = function(){

        var h1 = subWin.document.getElementsByTagName("h1")[0];

        h1.style.color = "red";

        subWin.focus();

    }

    window.onunload = function(){

        if(!subWin.closed){

            subWin.close();

        }

    }

</script>

sub.html子窗口

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <botton id="btn">操作父窗口</botton>

        <h1>这是广告窗口</h1>

    </body>

</html>

<script type="text/javascript">

    var btn = document.getElementById("btn");

    btn.onclick = function(){

        var indexWin = window.opener;

        var h1 = indexWin.document.getElementsByTagName("h1")[0];

        h1.style.color = "red";

    }

</script>

 

4.location:用户操作url

    1)window.location.href:获取当前页面的url   可读写

    //http://127.0.0.1:8020/1809js/Day11/location/a.html?userName=tom&age=23&phone=123#4

   2) location.replace("url")：替换页面，因此没有历史记录，不能返回上一次的页面(了解)

    3)location.assign("url"):替换页面(了解)  可读可写

    4)location.reload();页面刷新(了解)

    http:网络协议

    127.0.0.1:域名

    8020：端口号

    1809js/Day11/location/a.html：页面路径

    userName=tom&age=23&phone=123:查询串

    #4:哈希值

显示哈希值作用的案例

index.html页面

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <button id="btn">刷新页面</button>

        <a href="a.html?userName=tom&age=23&phone=123#1">跳转到a页面</a>

        <h1></h1>

    </body>

</html>

<script src="../../public.js"></script>

<script type="text/javascript">

    //url?key=值&key=值    

    //#4哈希值

    //http://127.0.0.1:8020/1809js/Day11/location/a.html?userName=tom&age=23&phone=123#4

    //window.location.replace("http://www.baidu.com");//替换

    //window.location.assign("http://www.baidu.com");//替换

    

    var h1 =document.getElementsByTagName("h1")[0];

    var btn = document.getElementById("btn");

    btn.onclick = function(){

        location.reload();//页面刷新

    }

    showTime();

    function showTime(){

        var date = new Date();

        h1.innerHTML = dateToString(date);

    }

</script>

 

a.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

            div{

                width: 800px;

                height: 300px;

                margin: auto;

                display: none;

            }

            #box1{

                background: red;

            }

            #box2{

                background: yellow;

            }

            #box3{

                background: blue;

            }

            #box4{

                background: pink;

            }

        </style>

    </head>

    <body>

        <h1>这是a页面</h1>

        <div id="box1">

            

        </div>

        <div id="box2">

            

        </div>

        <div id="box3">

            

        </div>

        <div id="box4">

            

        </div>

    </body>

</html>

<script type="text/javascript">

    //http://127.0.0.1:8020/1809js/Day11/location/a.html?userName=tom&age=23&phone=123#4

    var url = window.location.href;

    var hx = url.split("#")[1];

    var str = "box"+hx;

    //alert(str)

    var box = document.getElementById(str);

    box.style.display = "block";

</script>

 

5.history（了解）

   history.go(1)/forward():前进

   history.go(-1)/back():后退

   history.go(0):刷新

6.document

    document.getElementById(id);

    document.getElemnetsByTagName(tag)[];

    documnet.getElementsByName(name)[];操作表单元素

    documnet.getElementsByClassName(className);

    document.querySelector(".box");新增方法，低版本IE不支持，根据选择器查找一个节点

 

    documnet.querySelectorAll(".box");根据选择器查找元素，返回一个节点集合

 7.元素的操作

   1）属性操作

        元素.属性

    2）样式操作

        元素.style

    3）内容操作

        innerHTML//获取所有的含标签的子内容

        innerText //获取所有的文本内容（不含标签）

        outerHTML//获取包含本身标签及子内容的所有元素及内容。

        value//

    var obj = {name:"tom"}

    obj.name = "jeryy";

qq_38068491
关注
micicbom.rar_MICIC BOM_micicbom
09-21
MICIC BOM是一款专业的BOM管理软件，解决现代制造业因产品种类多，变化快而带来的产品信息维护复杂，容易出错等种种问题。
BOM
qq_56366181的博客
05-25 131
概述：浏览器对象模型，提供了独立于内容与浏览器窗口进行交互的现象，其核心对象是window BOM 比 DOM大 window 是对象浏览器的顶级对象 窗口加载事件 window.onload = function () {} 或者 window,addEventListener(‘load’, function () {} ); ...
MICICBOM_V5.1_XiTongZhiJia.zip
06-24
bom管理系统，需要配合数据库使用，第一次登录需要配置和数据库的连接，登陆不上时删除配置文件，重新打开。
浏览器对象模型BOM
a9794666的博客
04-02 175
1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 BOM的左右 弹出新浏览器窗口的能力； 移动、关闭和更改浏...
day10_JavaScript高级1
08-08
JavaScript 高级课程主要涵盖了BOM（Browser Object Model）和DOM（Document Object Model）对象，以及如何使用它们来实现特定的交互效果。DOM是HTML和XML文档的编程接口，允许JavaScript与网页内容进行交互，包括...
超全面javaweb教程28天-day3 10 js的bom对象一
08-31
超全面javaweb教程28天-day3_10_js的bom对象一
DAY04_BOM和DOM（上）.md
最新发布
11-03
DAY04_BOM和DOM（上）.md
DAY09：BOM和DOM（上）.html
09-07
DAY09：BOM和DOM（上）
DAY04_BOM_DOM（上）.md
05-22
DAY04_BOM_DOM（上）.md
MICIC BOM 专业bom管理软件
12-09
MICIC BOM是一款专业的BOM管理软件，解决现代制造业因产品种类多，变化快而带来的产品信息维护复杂，容易出错等种种问题。 MICIC BOM管理系统主要特点 强大的编辑功能：支持BOM、子BOM（零部件）、物料的拷贝、粘贴、拖放，使BOM的维护变得异常简单；支持类似excel的单元格编辑。 共用BOM支持:当共用件变化时，所有使用共用件的BOM都自动发生变化。 BOM比较：支持2个不同BOM之间的比较，也支持同一BOM不同版本之间的比较。可对BOM差异部分进行同步操作，比较结果可生成报告。 BOM版本/批次号管理：签入BOM,形成BOM的版本历史，可查看、比对BOM历史版本/批次号。 物料计划：支持BOM级、子BOM（零部件）级及版本/批次级的物料计划。 物料管理：支持类似excel的单元格编辑输入，支持目录导入、生成，支持excel格式的物料导入。
物料清单BOM（免费版）.rar
06-24
物料清单BOM详细载明产品的组成结构，是计划工作的框架，它描述产品的母件与组件的关系。BOM记录了组件的耗用量、损耗率、性质（配件、中间件、代用件）、来源（自制和外购）和延迟时间等信息，其结构不限层数，即它既可记录一层结构的简单产品组成，也可记录复杂的具有多层结构的产品组成。通过BOM可迅速生成各产品的物料清单，在生产计划的物料需求、配套领料、产品的计划成本核算、车间物料在各工序间的自动结转等关键模块中起着重要的作用。
MICIC BOM软件
09-25
一、 什么是BOM软件，为什么需要BOM软件 BOM 指Bill of Material，即物料清单，主要用来记录一个产品所用到的所有下阶材料及相关属性，亦即母件与所有子件的从属关系、单位用量及其他属性。BOM管理，也就是物料清单管理，指对BOM的建立、流转、变更、结算等环节进行维护和控制的过程。 BOM信息是销售、计划、设计、生产、供应、物料、工艺等部门都需要参考的重要文件，是实现数据共享和信息集成的关键数据。 企业的BOM管理具有以下几个方面的特点：  一是涉及的流程和部门众多。BOM是接收客户订单、选择装配、计算累计提前期，编制生产和采购计划、配套领料、跟踪物流，追溯任务、计算成本、改变成本设计不可缺少的重要文件，BOM管理涉及到企业的销售、计划、生产、供应、成本、设计、工艺等部门；  二是变更大，难以跟踪。在流转过程中，企业的BOM需要根据不同部门人员的审批意见不断地进行修改，处于不断的变化之中，且由于涉及到的环节众多，企业的BOM变更难以跟踪；  三是涉及物料种类多，分析汇总工作量大。企业的BOM常常涉及到多种不同类型的原材料，统计起来工作量非常大。 随着企业的崛起，企业管理者开始注意到物料管理是企业发展的基石，是企业管理领域中最基础的管理，BOM的管理也越来越受到企业的重视和关注，同时，随着产品日趋复杂、高级和多样化以及交付时间的逐渐缩短，保持BOM信息的准确性正变得越来越困难。越来越多的企业意识到传统的手工管理模式无法适应BOM管理面临的挑战，信息化管理BOM的需求日益膨胀。 二、 MICIC BOM软件优势 MICIC BOM是专业的BOM管理软件，尤其适合以研发、设计为驱动的快速增长型企业，无需高昂的培训、实施费用，主要特点如下：  安装简单：绿色软件，解压即可运行。  实施简单：支持基础物料、BOM数据的导入导出功能， 可以使手工维护的EXCEL数据快速切换到BOM管理系统，减少数据维护时间。  BOM维护简单：  支持BOM、子BOM（零部件）、物料的拷贝、粘贴、拖放；同类产品只要简单的复制、粘贴，稍微修改即可，满足丰富的产品管理需求。  支持公共BOM管理：当公共BOM变化时，所有使用共用件的BOM都自动发生变化。  支持10万级以上BOM管理，由于是纯C++开发，10万级以上BOM展示、计算速度非常快，用户感觉不到延迟。  强大的BOM版本及管理BOM比较：支持2个不同BOM之间的比较，也支持同一BOM不同版本之间的比较。可对BOM差异部分进行同步操作，比较结果可生成报告。  BOM版本/批次号管理：签入BOM,形成BOM的版本历史，可查看、比对BOM历史版本/批次号。  物料计划功能强大  支持BOM级、子BOM（零部件）级物料计划。  支持子版本/批次级的物料计划  可生成生产领料单、采购单、报价单  成本优势：大的ERP厂商如SAP，金蝶、用友，其核心BOM管理、物料计划模块费用高昂，动辄几万几十万；其流程繁琐，操作复杂，实施成功率低。
捷远BOM管理系统 单机版 免费免安装
01-15
捷远BOM管理系统 单机版 免费免安装，根据订单自动计算需求数量。 我们以台式电脑组装过程为例，介绍一下BOM在本系统里如何建立，以及进行领料和预算。这里只是以简单的电脑组装为例（只列举三层），如果是生产性企业，所涉及的层数会更多。
excel BOM表，用于采购管理，订单管理，excel BOM表
04-16
excel BOM表，用于采购管理，订单管理，excel BOM表
BoM在企业管理中的重要作用
diqixi的博客
08-28 575
物料清单是接收客户订单、选择装配、计算累计提前期，编制生产和采购计划、配套领料、跟踪物流，追踪任务、计算成本、改变成本设计不可缺少的文件。设置产品BoM简单来说就是用来分析物料，bom主要提供原材料需求明细及各车间加工明细，基于bom安排采购及加工，同时bom还能为安排原材入库顺序优先级提供最直接的依据。 利用C2P工业云设置产品BoM，将物料清单一一详细罗列。 优先配置好产品BoM，帮助公司管理好生产计划，是联系与沟通各部门的纽带，大部分企业都会用到BoM，如何利用好BoM对于企业来讲很重要。关注C.
bom管理软件，支持版本控制，bom比对
wenfengsun的专栏
12-09 3786
<br />MICIC BOM是一款专业的BOM管理软件，解决现代制造业因产品种类多，变化快而带来的产品信息维护复杂，容易出错等种种问题。<br />MICIC BOM管理系统主要特点<br />强大的编辑功能：支持BOM、子BOM（零部件）、物料的拷贝、粘贴、拖放，使的BOM的维护变得异常简单；支持类似excel的单元格编辑。<br />共用BOM支持:当共用件变化时，所有使用共用件的BOM都自动发生变化。<br />BOM比较：支持2个不同BOM之间的比较，也支持同一BOM不同版本之间的比较。可对BOM
"Day10_JavaScript高级1：DOM的功能与控制HTML文档
本节课主要学习了JavaScript高级的内容，包括BOM对象和DOM对象的使用以及四个案例的实践。下面对每个部分进行详细总结： 1. BOM对象：BOM对象是JavaScript的浏览器对象模型，通过BOM可以控制浏览器的行为和属性。本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值