有如下代码:
hello.js
/*
* Ext JS Library 2.0.2
* Copyright(c) 2006-2008, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.onReady(function(){
var win;
var button = Ext.get('show-btn');
button.on('click', function(){
// create the window on the first click and reuse on subsequent clicks
if(!win){
win = new Ext.Window({
el:'hello-win',
layout:'fit',
width:500,
height:300,
closeAction:'hide',
plain: true,
items: new Ext.TabPanel({
el: 'hello-tabs',
autoTabs:true,
activeTab:0,
deferredRender:false,
border:false
}),
buttons: [{
text:'Submit',
disabled:true
},{
text: 'Close',
handler: function(){
win.hide();
}
}]
});
}
win.show(this);
});
});
hello.html代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Hello World Window Example</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="../../ext-all.js"></script>
<script language="javascript" src="hello.js"></script>
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../examples.css" />
<style type="text/css">
.x-panel-body p {
margin:10px;
font-size:12px;
}
</style>
</head>
<body>
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
<h1>Hello World Window</h1>
<p>This example shows how to create a very simple modal Window with "autoTabs" from existing markup.</p>
<input type="button" id="show-btn" value="Hello World" /><br /><br />
<p>Note that the js is not minified so it is readable. See <a href="hello.js">hellos.js</a> for the full source code.</p>
<div id="hello-win" class="x-hidden">
<div class="x-window-header">Hello Dialog</div>
<div id="hello-tabs">
<!-- Auto create tab 1 -->
<div class="x-tab" title="Hello World 1">
<p>Hello...</p>
</div>
<!-- Auto create tab 2 -->
<div class="x-tab" title="Hello World 2">
<p>... World!</p>
</div>
</div>
</div>
</body>
</html>
问:hello.html中的id="hello-win" 与 hello.js中的 el:'hello-win',有什么关系啊?
大家能不能把问题说明白点啊,具体点
作用:
ID选择器的作用是一个html文档中唯一的标识符,规范中要求一个html文档中的id必须唯一,通过ID可以确定文档中唯一的元素。
用法:
ID 选择器允许以一种独立于文档元素的方式来指定样式。
在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别。
ID 选择器前面有一个 # 号
请注意,类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配。
示例:
#intro {font-weight:bold;}<p id="intro">This is a paragraph of introduction.</p>上面的文字会变为粗体
插入DIV对话框中,ID起到什么作用?
插入div对话框中,ID起到识别身份的作用,因为只有通过AD才能判断你的身份是谁?
DIV中的ID,是什么?还有浮动是什么意思?请详细说明
id就是这个div的号码。当使用js和css的时候,id就表示该div,就需要用到了。浮动:脱离原始层,浮动到上一层左边或右边。例子:<div id='1'><div id='2'><b style='float:left'>asdfasdf<\/b><\/div><\/div> 加重字符浮动左边以后,就不在div2里面了,而在div1这一层。
DIV中的id到底是什么意思
HTML中id定义元素的唯一id,能过这个id实现CSS样式设置,元素查找等功能,在CSS样式中以#id1{ \/*定义id为id1元素的样式*\/ }方式定义元素样式,javascript使用document.getElementById("id1")来查找并返回id为id1的元素。具体如下例所示:<!DOCTYPE html><head> <title>Test DIV ID<\/title> ...
DIV中的ID和CLASS有什么区别
id是设置标签的标识class属性用于指定元素属于何种样式的类。如样式表可以加入.title {font-size: 14px;font-weight: bold;}使用方法:class=titleid属性用于定义一个元素的独特的样式。如一个CSS规则:#container{width: 1004px;margin: 0 auto;text-align: left;}使用方法:id=container ,id是一个...
div中的id有什么用啊
id是标识每个html控件的唯一标识,在js中,获得此标识,就可以获得这个id绑定的那个对象。
div 的标签,例如id,class,这些东西有什么作用?代表什么意思?
现在网页布局常会用到DIV+CSS:在样式表的引用时,会用到这两个可以说是特殊标识!区别是id是唯一标识,意思是这个标签用了,别的标签就不可以再次使用,但class可以。id,在进行一些网页数据的处理时,如获取数据时,会用到id!例如在表单中,与服务器进行数据交互时,会把id最为唯一标记,获取相关...
<div id=
id="logo",是可以更改的,id名是由你自己定的。如果更改了id之后,关于这个<div>的所有样式、函数等,都不会实现了。你要去查找这个网页的一些插入的或者就写在本网页里的css,js文件,去把id为logo的所有样式、函数等,都改成你重新改的那个id名。配置文件在源代码里页面找到带有css或者js尾缀的...
请问一下div id是什么?
你问的是html中的标签吗?如果是的话,div就是层,相当于一个容器,里面可以放很多其他的元素。这里的id就相当于它的名字,如果你要用到这个DIV,你直接用它的ID就可以了。现在很多网页都使用div,比如浮动的广告等等。
div中id值和class的区别?
id和class是大多数HTML标签都具有的属性。其作用是让CSS或JavaScript代码能够找到指定的DOM元素并进行操作。一般来说,id是元素的唯一代号,给某个元素赋予一个id后,通常不会再有其他元素有一样的id。CSS和JS可以使用id来单独操作某一个元素。而class是一组(多于一个)元素的共同代号,通常网页中会有...
怎么用id和class调用div中的内容div中的class和id用法
2.编写DIV标签,语法演示:p>内容\/p> 3.使用p标签class属性,该属性可以是p最常用的属性之一,可以定义style样式。语法演示:pclass=...4.使用p标签ID属性为其设置唯一性,并可以ID名称选中DIV。p写在head里面吗?p不是写在head里面,但是可把p写在单独cSS文件里放head里面调用。p属于web前端的学习内容...