JavaScript学习笔记1

 

Netscape 公司 DOM模型,层(layer)-用ID标识。

HTML标记页面上的元素,

<div id = "mydiv">This is my div</div>

CSS为这个页面元素定位

#mydiv{

position:absolute;

left:320px;

top:110px;

}

JavaScript 访问 (DOM模块不同,访问不同)

document.layer['mydiv'] (网景公司)

document.all['mydiv']

三部曲:html 标记元素+ CSS定位元素+ JavaScript 访问元素。

 

标准制定:W3C(World Wide Web Consortium)

var xpos = document.getElementById('mydiv').style.left; 

JavaScript  = ECMAScript(web浏览器的宿主环境) + DOM() +BOM(浏览器对象模型)

ECMAScript 定义脚本语言的所有属性、方法和对象。其它语言可以实现ECMAScript来作为其功能的基准。

 

DOM(Document Object Model文件对象模型)它解决了网景公司和微软之间的冲突,给Web开发之提供了一个标准点的方法,让其方便地访问站低昂仲的数据、脚本和表现层对象。

DOM把整个页面规划成有节点层级构成的文档。

<html>

<head>

    <meta http_equiv = "content_type" content="text/html;charset=gb2312"/>

    <title>DOM Page</title>

</head>

<body>

<h2><a href="#isaac">标题1</a></h2>

<p>段落</p>

<ul id="myUI">

    <li>JavaScript</li>

    <li>DOM</li>

    <li>CSS</li>

</ul>

</body>

</html>

 

 

1.4Web标准

网页主要有三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

结构话标准语言:XML 和XHTML

表现标准语言:CSS 层叠样式表

行为标准:DOM、ECMAScript

 

转载于:https://www.cnblogs.com/balaku/archive/2012/05/15/2501006.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/377513.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++ 内存基本构件new [] /delete []的意义、内存泄漏原因、VC下cookie的基本布局

目录一、对new [] delete [] 的理解1、delete的[]遗漏会带来什么影响二、以示例探讨三、cookie的理解一、对new [] delete [] 的理解 new的对象是个array类型的。 Complex* pca new Complex[3]; //唤起三次ctor //无法借由参数给予初值 ... delete[] pca; //唤起3次dtor如下…

01背包怎么不重复_带有重复物品的背包

01背包怎么不重复Problem statement: 问题陈述&#xff1a; Weights and values are given for n items along with the maximum capacity allowed W. What is the maximum value we can achieve if we can pick any weights, any number of times for the total allowed capa…

C++ 内存基本构件 placement new

用法以及编译器解释 placement new 允许我们将object构建于已经分配的内存上。(所以此时必须有个指针指向已经分配好的内存) 没有所谓的placement delete &#xff0c;因为placement new根本没有分配内存. 也有种说法&#xff0c;是将placement new对应的内存释放掉的操作为pl…

二维数组for遍历

<?php$conarray(array(1,高某,A公司,北京市,010,abc),array(2,罗某,B公司,天津市,020,bcd),array(3,冯某,C公司,上海市,021,cdf),array(4,书某,D公司,重庆市,022,dfg));echo <table border"1" width"600" align"center">;echo <cap…

Xcode调试相关小结

一.设置NSZombieEnabled 使用NSZombieEnabled功能,当代码中访问已经释放了内存的地方,会给你下面这样的提示,而不仅仅是EXEC_BAD_ACCESS: 2008-10-03 18:10:39.933 HelloWorld[1026:20b] *** -[GSFont ascender]: message sent to deallocated instance 0x126550 如果要查看上面…

ONGC的完整形式是什么?

ONGC&#xff1a;石油天然气公司 (ONGC: Oil and Natural Gas Corporation) ONGC is an abbreviation of Oil and Natural Gas Corporation. It is an Indian multinational corporation that is one of the leading producers of crude oil and natural gas in India. Its hea…

node 大写_大写Node.js模块

node 大写Today, lets see a third party module that helps us in working with upper-case letters without necessarily typing them in upper-case in our source code. 今天&#xff0c;让我们看一个第三方模块&#xff0c;它可以帮助我们处理大写字母&#xff0c;而不必在…

HDU嵌入式实验课程大作业分析报告

目录作业要求设计原理与思路扩展任务说明课程感受友情链接工程链接作业要求 体能测试记录仪设计 基于课程发放的实验板&#xff0c;设计一个带有计时和数据采集功能的体能测试记录仪。 基本设计内容 功能1&#xff1a;对应1000米体测场景&#xff0c;使用充电宝供电&#x…

html注释引用公共头部_HTML注释和引用

html注释引用公共头部HTML注释 (HTML Comments) To insert a comment in an HTML document, the comment tags are used. The comments are used to provide some information that could be useful for anyone who views the code of the webpage. The comments can be insert…

HDB3码的编码

编码规则 1、源码是1时&#xff0c;暂时不变&#xff1b; 2、连0不超过3个时不变&#xff0c;有4个或以上连0时把每4个0换为取代节&#xff0c;即B00V&#xff1b; 3、确定B是0还是1&#xff1a;第一个B一般取0&#xff0c;若两个取代节之间1的个数为偶&#xff0c;易推得后者…

批量去除文件空格

import osfilepath r"G:\picture" # 文件目录名 allfilepath os.listdir(filepath)for file in allfilepath: # 改目录下的文件名oldpath filepath \\ filenewname file.replace( , ) # 在原先文件名中去除空格&#xff0c;也就是用null替代空格newpath fil…

【DSP复习主要知识点】(大概)

目录第一章1、数字系统对比模拟系统2、冯诺依曼、哈佛架构3、CISC、RISC4、DSP特点5、cpu流水线作用6、DSP芯片优点第二章&#xff1a;DSP芯片结构原理1、ALU&#xff08;算数逻辑运算单元&#xff09;2、累加器A和B3、桶形移位器的功能4、乘法/加法单元5、CPU状态与控制寄存器…

Json转二值图像

Json文件通过labelme进行标识 image路径 G:\PyCharm\workspace\unet_42-master\datasets\label_bz\test\image label路径 G:\PyCharm\workspace\unet_42-master\datasets\label_bz\test\label 待转换路径 G:\PyCharm\workspace\unet_42-master\datasets\label_bz\test\mask …

矩形波傅里叶变换对以及三角波傅里叶变换

时域矩形波->频域sinc 时域三角波->频域sinc^2:

INTERNET的完整形式是什么?

互联网&#xff1a;互联网络 (INTERNET: Interconnected Network) INTERNET is an abbreviation of Interconnected Network of all the Web Servers Worldwide. It is also known as the World Wide Web or in simple terms the Web. INTERNET是全球所有Web服务器的互连网络的…

DMA三种方式以及DMA特点

博主联系方式&#xff1a; QQ:1540984562 QQ交流群&#xff1a;892023501 群里会有往届的smarters和电赛选手&#xff0c;群里也会不时分享一些有用的资料&#xff0c;有问题可以在群里多问问。 DMA三种方式&#xff1a;数据块传送方式、周期挪用方式、交替访存方式 数据块传送…

界面边框圆角

界面边框圆角的实现方式同样是在res/drawable中定义一个XML文件&#xff0c;corners.xml的代码如下&#xff1a; 1<?xml version"1.0" encoding"utf-8"?>2<shape xmlns:android"http://schemas.android.com/apk/res/android"> 3 …

CGPA的完整形式是什么?

CGPA&#xff1a;累积平均绩点 (CGPA: Cumulative Grade Point Average) CGPA is an abbreviation of Cumulative Grade Point Average. It is a grading system in education. It is used in measuring the overall academic performance average of a student in schools and…

二、页面布局

一、界面 我做的界面大概思路&#xff1a;点击 上传图片&#xff0c;显示待检验的照片 点击 U-net模型检测 会使用已经训练好的U-net模型进行预测 点击 OpenCV统计 会将预测结果进行轮廓检测&#xff0c;并统计所有轮廓的面积 在 处理结果 这个groupBox中进行显示 大致界面如…

GNU工具以及GCC对C语言程序的处理流程

GCC是一族工具的集合&#xff0c;包含预处理器、编译器、汇编器、链接器。 对于默认的文件名&#xff0c;GCC可以自动选择工具自动完成文件处理过程。 从C语言的源程序道可执行文件&#xff0c;实质上是依靠GCC调用一系列工具完成的。 GCC默认处理的文件 文件类型扩展名文件说…