DW标签使用与javascript文档基础介绍
文献种类:专题技术总结文献
开发工具与关键技术:MVC
作者:吴锦华 ;年级:20级;撰写时间:2021 年 6月8日
文献编号: 归档时间: 年 月 日
DW标签使用与javascript文档基础介绍
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:
作者:吴锦华
撰写时间:2021/6/8
DW标签的使用
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
1.如图所示,这是一个行内标签,以它为例进行介绍,行内标签还有a标签,p标签,b标签等。
2.行内元素,内容为一行的区域。不能设置宽高,需要通过display属性进行装换,在标签属性里进行更改,下图为设置后的样式
3. 块级元素显示为一块内容,即“块框”。块级元素无需设置display,就能设置宽高。每一个块级元素各占一行空间,更改站位时需要设置浮动效果或者display属性以及定位,常见的块级元素:div标签、li标签、p标签、h类标签、button标签等
下图为b标签的测试效果,不同标签有不同的效果,其中b标签的效果为加粗
这个为a标签的文档设置,因为为行内标签需要更改属性,才能设置宽高
在浏览器里a标签的效果,未点击时为浅蓝色,点击后为红色样式。a标签的作用为跳转链接,为页面功能多样化而产生的标
DW的javascript文档基础介绍
一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:
- 核心(ECMAScript)
- 文档对象模型(DOM)
- 浏览器对象模型(BOM)
Javascript可以在每种浏览器里定义对象或是其他对象的属性和方法。它属于一个脚本语言里面包含着所有的属性、方法和对象。其他语言可以实现 ECMAScript 来作为功能的基准,JavaScript 就是这样:
每个浏览器都有它自己的 ECMAScript 接口的实现,然后这个实现又被扩展,包含了 DOM 和 BOM(在以下几节中再探讨)。当然还有其他实现并扩展了 ECMAScript 的语言,例如 Windows 脚本宿主(Windows Scripting Host, WSH)、Macromedia 在 Flash 和 Director MX 中的 ActionScript,以及 Nombas ScriptEase。
这是一个Javascript文档的创建流程:
DW中引用javascript分为内部引用和外部引用,根据内容所需仁者见仁,各有优缺。
给元素添加事件时,需要设置一个ID值,并在脚本里进行获取添加函数方法。
对元素的属性进行设置,在浏览器里达到实现效果。下图为内部样式的函数调用。
绑定事件可在HTMl里写入绑定事件,也可在script文档里进行绑定。两者都需要获取元素节点的属性,接着进行时间调用。
以上为我的总结内容,总结了两大标签,行内标签与块级标签的属性,同时对这两大标签下的标签进行初步介绍,希望对每一位读者都有所帮助,
同时我也期待有读者发表建议对我的内容补充和修改。后续能总结出比较完善的文献论文。
DW标签使用与javascript文档基础介绍相关推荐
- 第一百一十四节,JavaScript文档对象,DOM进阶
JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...
- FreeMarker中文帮助手册API文档,基础入门学习文档
FreeMarker中文帮助手册API文档,基础入门学习文档 分类: 编程技术 发布: bywei 浏览: 7 日期: 2011年5月28日 分享到: QQ空间 新浪微博 腾讯微博 人人网 什么是Fr ...
- python的openpyxl库如何读取特定列_Excelize 2.3.2 发布,Go 语言 Excel 文档基础库,2021 年首个更新...
Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可以使用它来读取.写入由 Microsoft Exc ...
- go读取excel_Excelize 2.3.0 发布,Go 语言 Excel 文档基础库
github.com/xuri/excelize Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库,基于 ECMA-376,ISO/IEC 29500 国际标准.可 ...
- PHP学习文档——基础篇
PHP学习文档--基础篇 PHP学习文档--基础篇 标记 短标记 脚本标记 标准标记(常用) PHP注释 行注释 块注释 PHP语句分隔符 变量 变量命名规则 预定义变量 可变变量 变量传值 常量 定 ...
- Python-docx 模块读写 Word 文档基础(一):创建文档、段落格式、字体格式设置方法
Python-docx 模块读写 Word 文档基础(一):创建文档.段落格式.字体格式设置方法 前言: 1.创建 Word 文档及基础用法: 2.段落格式设置: 3.字体格式设置: 结尾: [Pyt ...
- Vue项目 *.js 使用 jsdoc 生成 JavaScript 文档
一.安装 jsdoc npm install --save-dev jsdoc 二.配置 jsdoc.json {"source": {"include": [ ...
- elasticsearch 6.x (五) 单一文档 API 介绍和使用 update和delete API
大家好,我是烤鸭: 今天分享的是官网6.x 单一文档(Single document APIs)APIs. 本文这是部分翻译,如果想看全部的,还是建议阅读官方api.链接: https://ww ...
- Tsung MQTT协议简介及MQTT xml文档配置介绍
MQTT协议简介及MQTT xml文档配置介绍 by:授客 QQ:1033553122 1. MQTT协议介绍 MQTT(Message Queuing Telemetry Transport,消息队 ...
- 产品设计(1) – 产品需求文档(PRD)介绍
产品设计是一个由抽象的概念到具体形象化的处理过程,通过文字或图像等方式将我们规划的产品需求展现出来.它将产品的某种目的或需求转换为一个具体的物理或工具的过程,把一种计划.规划设想.问题解决的方法,通过 ...
最新文章
- ES6/7 异步编程学习笔记
- WinCE开机默认语言设置 .
- nodejs中的exports和module.exports
- JavaScript教程之事件处理
- python网络攻击代码_Python-python网络编程写arp攻击代码
- spark两种kafka偏移量维护方式
- Mysql字符串组合的问题
- java初级指令集,《Java虛擬機規范》-字節碼指令集
- Luarocks的使用
- 如何利用SPSS进行秩和检验
- mac 快速显示/隐藏隐藏文件快捷键
- php计算跨月请假天数,计算请假天数JavaScript方法
- There is no getter for property named ‘keyword‘ in ‘class cn.wolfcode.qo.Subentry‘] with root caus
- 第六章 go 文件操作
- jmeter 之 配置jdbc环境
- js破解 零度代理ip
- 冻豆腐怎么烧才出味儿?——红烧冻豆腐
- DirectPlay SDK中文翻译
- 2023 年 Pycharm 最新安装教程,亲测可用
- 2017 计蒜之道 初赛 第一场 阿里的新游戏(找规律,几何,模拟)
热门文章
- Tomcat日志文件catalina.out文件过大问题解决方法
- linux du查看目录大小,linux du命令查看文件目录大小
- HR问:“对我们公司你有什么问题要问的吗”,怎样回答才算完美!
- 关于《上海市城镇生育保险办法》的问答
- 图片居中操作 空行 html,word中进行图片居中对齐批量设置的操作技巧
- Nginx文件服务器配置及使用
- python爬虫学习7:读取起点排行榜数据
- 为何国内“程序员”是秃头代名词?来看看国外程序员的一天
- android 键盘 横屏 边框,Android横屏时软键盘全屏问题
- 计算机科学美国大学专业,2015年U.S.NEWS计算机科学专业美国大学排名