结构 样式 行为 相分离

最新推荐文章于 2022-02-12 01:40:55 发布
转载 最新推荐文章于 2022-02-12 01:40:55 发布 · 210 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/my-love-is-python/p/9296185.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="width: 60px; margin: 0 auto">
        <input id='i1' type="text" value="请输入内容" onfocus="Focus()" onblur="Blur()">

    </div>
    <script>
        function Focus() {
            tag = document.getElementById('i1');
            val = tag.value;
            if (val == '请输入内容') {
                tag.value = '';

            }
        }
        function Blur() {
            tag = document.getElementById('i1');
            val = tag.value;
            if (val.length==0){
                tag.value = '请输入内容';
            }

        }



    </script>
</body>
</html>

 

转载于:https://www.cnblogs.com/my-love-is-python/p/9296185.html

【网站制作视频教程】-第16讲 css理解表现与结构相分离！-传智播客
web886521的专栏
09-06 4860
网页设计视频教程下载地址：http://icd.itcast.cn/icd/video.shtml?from=wl 视频介绍： 对于初学者，我们常看见web标准的好处之一是“能做到表现和结构相分离”，那这到底是什么意思呢？我将以一个实际的例子来详细说明。首先我们必须先明白一些基本的概念：内容、结构、表现和行为。 1.内容 内容就是页面实际要传达的真正信息，包含数据、文档或者图片等。注意这里
行为样式结构相分离的页面
weixin_30333885的博客
10-24 146
行为　　样式　　结构相分离的页面 JS　 CSS HTML DOM 0写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he...
JavaScript(10)：结构、样式、行为的逐步分离
dawn0718的专栏
02-12 734
　　最开始实现某一项功能的时候，结构、样式和行为是混在一起的。 　　本来写代码就是为了让自己和别人看明白，这样做的缺点很明显，不方便查看和修改。 　　1、结构、样式、行为不分离 　　例如下面的网页，表格内的奇数行和偶数行有不同的样式，同时鼠标在行上移入和移出行有不同的样式表现，还有删除行功能。 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" con
结构 样式 行为 内容 的关系
weixin_30721077的博客
06-09 184
结构用HTML代码来写的、样式写在css表里面 尽最大可能的结构和样式分离；行为是用javascript来写。较少的话可以写在HTML里面。内容的话是后台语言直接从服务端调用的，在前端的展示时候要嵌入到HTML文件里。 那么对一个网站来说，你要修改样式首先找到相应的位置，即找到“钩子”选择器；修改的过程中css文件和js函数的编写要在正确的位置；要读懂相应位置的服务端代码；要明白write...
前端开发如何实现结构、样式、行为彻底分离
我爱骑呆马的专栏
06-04 1627
严格意义上来讲，彻底分离就是结构只出现HTML的代码，没有任何的CSS、JS代码，甚至通过行为改变的HTML也应该写在JS代码里面。 HTML：index.html image gallery Snapshots
内容样式行为分离
Shiny0815的博客
02-20 336
CSS负责HTML：人类选不中；js取不到 CSS负责JS: 如果逻辑复杂，CSS会变慢，页面会变慢
理解Web标准：表现与结构的分离
"本文主要介绍了理解表现和结构相分离的概念，通过一个实例展示了HTML与CSS如何实现内容与样式的分离，以及内容、结构、表现和行为的基本概念。内容是页面传达的实际信息，如文本、数据或图片。结构则是对内容进行...
提升用户界面设计：样式、行为、模板与自定义控件
### 提升用户界面设计：样式、行为、模板与自定义控件 #### 样式与行为 在用户界面设计中，样式和行为是重要的工具，它们能帮助我们创建更智能、可维护的界面。 ##### 行为的使用 虽然我们有能力创建自己的操作、...
理解CSS核心：结构与表现分离的关键
这一思想主要体现在"结构"与"表现"的分离，即通过HTML定义网页的结构和内容，而CSS则用于设定网页的样式，使得内容与展示方式相独立，提高代码的可维护性和可访问性。文档通过张飞的属性表例子，形象地展示了CSS规则...
结构-行为-样式-Js函数节流
ailiwei2014的博客
12-06 120
最近一个面试官问了我一个函数节流的问题，大概是：Js 方法传入两个参数：一个时间值、一个函数，返回一个函数。在这个时间间隔内，无论用户怎么触发这个函数，只执行一次这个函数,直到这个时间走完才可以执行第二次这个函数。然后感觉自己工作中遇到过这个问题，但是不知道这种形式就是函数节流。下面我来说下这个Js的高级问题，思路：函数节流就是防止用户高频调用某个事件而做的Js层面的处理方法。主要就是在...
结构-行为-样式-Css笔记
洲上牧童
04-14 422
0、常见的行级元素和块级元素： 　　块级元素： 　　address,article,aside,audio,blockquote,canvas, 　　dd,div,dl,fieldset,figcaption,figure,footer,form, 　　h1-6,header,hgroup,hr,noscript,ol,output,p, 　　pre,section,table,tf...
结构-行为-样式-Javascript笔记
ailiwei2014的博客
07-09 150
一、console.dir()可以显示一个对象所有的属性和方法。二、递归遍历一个数据集合： A、数据： { "menu": [ { "menuId": 1, "subMenus": [ { "menuId": 101, "subMenus": [ {}] }...
编写高质量的代码--基础：结构和样式，行为的分离
weixin_30707875的博客
08-23 213
实现高质量的代码需要我们在结构和样式，行为的分离的基础上做到：精简，重用，有序。 精简：尽量减小文件的大小，提高页面加载速度。 重用：提高代码的重用性，减少冗余代码，提高开发速度。 有序：提高代码的结构性，组织好代码结构更利于维护和应变特殊情况。 在我们的工作中你可能会遇到这样的代码，或者说你可能写出这样的代码 <td width="100%" height...
结构-行为-样式-有趣的函数
ailiwei2014的博客
03-25 140
一、按Enter键的效果： //鼠标事件 document.onkeydown = function(event) { if (event.keyCode == 13 && $("#sendMsgInput").is(":focus")) { sendMsg = $("#sendM...
页面：结构+样式+行为
tuhuolong的专栏
12-28 1245
结构+样式+行为是思想
老杨的博客
09-04 1259
主要是div来布局,css做样式,javascript做行为的体现。
结构-行为-样式-css&html横纵居中最佳实践
ailiwei2014的博客
11-16 179
最近在做手机端的H5项目，有个标题是在一根横线中的，就是水平居中加垂直居中（如图一）。这应该是前端开发中经常遇到的一个场景了，做的次数多了就有一些体会，我今天就总结了下这种结构的实现思路：首先，用元素的Border来做这根线；然后，线与文字在同一个父级元素下；最后，设置线为绝定位，文字相对定位，设置文字高度为线Margin值的两倍； 图一： 相应Html： &l...
CSS学习问答之“为什么样式和结构要分开呢”？
乱七八糟的
03-31 3267
学习自网易云课堂 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互
WEB学习笔记7-样式与结构分离
07-09 326
CSS样式应用于HTML总共4种样式： 　　（1）在HTML页面中链接一个CSS文件 　　　　文件以link形式添加到<head>部分，在link中可以设置media属性来表明样式使用的场景。例如，media值设置为screen标示正常浏览的CSS样式，设置为print标志打印时样式。 　　　　<link rel="stylesheet" href="defaul...
WEB前端应用开发习题总结以及答案
Alfafar的博客
04-26 4241
一.单选题（共14题,53.2分） 1 WWW上的任何信息(包括文档、图像、图片、视频或音频等)都被看作是资源，为了方便地引用资源，应给它们分配一个唯一的标志来描述该资源存放于何处以及如何对它进行存取，当前使用的命名机制叫( ) A、 URL B、 WWW C、 DNS D、 FTP 正确答案： A 我的答案：A 得分： 3.8分 2 下列关于站点目录结构组织的描述正确的是( ) A、 可以使用中文目录 B、 将所有文件都存放在根目录下 C、 按栏目内容分别建立子目录 D、 只在根目录下建立 Ima
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值