重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。
创新互联是一家专注于成都网站设计、网站制作和达州服务器托管的网络公司,有着丰富的建站经验和案例。
具体请看:
框架概念 :
所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 FRAMESET FRAME 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 BODY 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。FRAMESET 是用以划分框窗,每一框窗由一个 FRAME 标 记所标示,FRAME必须在 FRAMESET 范围中使用。如下例:
frameset cols="50%,*"
frame name="hello" src="up2u.html"
frame name="hi" src="me2.html"
/frameset
此例中 FRAMESET 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,FRAME 标记所标示的框窗永远是按由上而下、由左至右的次序。
FRAMESET FRAME :
FRAMESET 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。
FRAME 则只是设定某一个框窗内的参数属性。
FRAMESET 参数设定:
例子:frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"
COLS="90,*"
垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当 分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。
ROWS="120,*"
就是横向切割,将画面上下分开,数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 FRAMESET 标记中,因 Netacape 偶然不能显示这类形的框架,尽 采用多重分割。
frameborder="0"
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no )
border="0"
设定框架的边框厚度,以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。
framespacing="5"
表示框架与框架间的保留空白的距离。
FRAME 参数设定:
例子:frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"
SRC="a.html"
设定此框窗中要显示的网页档案名称,每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径,有关此两者详见於【连结进阶】。
NAME="top"
设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。
frameborder=0
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no )
framespacing="6"
表示框架与框架间的保留空白的距离。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【HTML 剖析】。
scrolling="Auto"
设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示, AUTO是视情况显示。
noresize
设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随 意地拉动框架,改变其大小。
marginhight=5
表示框架高度部份边缘所保留的空间。
marginwidth=5
表示框架宽度部份边缘所保留的空间。
NOFRAMES :
当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免 这种情况,可使用 NOFRAMES 这个标记,当使用者的浏览器看不到框架时,他就会看 到 NOFRAMES 与 /NOFRAMES 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。
应用方法:
在frameset 标记范围加入 /NOFRAMES 标记,以下是一个例子:
frameset rows="80,*"
noframes
body
很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。
/body
/noframes
frame name="top" src="a.html"
frame name="bottom" src="b.html"
/frameset
若浏览器支援框架,那堋它不会理会 noframes 中的东西,但若浏览器不支援框架,由 於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 noframes范围内的文字会被显示。
IFRAME :
这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如noframes 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好,若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。
iframe 的参数设定如下:
例子: iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"
src="iframe.html"
欲显示於此框窗的文件来源除档案名称,必要加上相对或绝对路径。
name="test"
此框窗名称,这是连结标记的 target 参数所 要的,
align="MIDDLE"
可选值为 left, right, top, middle, bottom,作用不大
width="300" height="100"
框窗的宽及长,以 pixels 为单位。
marginwidth="1" marginheight="1"
该插入的文件与框边所保留的空间。
frameborder="1"
使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no)
scrolling="Yes"
使用 Yes 表示容许卷动(内定), No 则不容许卷动。
例子: 原始码
center iframe src="" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1"
很抱歉,馈下使用的浏览器并不支援 IFrame,不能正常浏览我的网页。/iframe
/center
frameset参数传递问题
左边的条件参数如何传,右边才能接收
--------------------------------------------------------------------------------
对三个帧分别命名为:left.asp(显示查询条件的页面,其中帧名为:left),top.asp,main.asp(显示查询结果的页面,其中帧名为:main)
如:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
titlesearch/title
/head
frameset rows="80,*" frameborder="NO" border="0" framespacing="0"
frame src="top.asp" name="top" scrolling="NO" noresize
frameset cols="80,*" frameborder="NO" border="0" framespacing="0"
frame src="left.asp" name="left" scrolling="NO" noresize
frame src="main.asp" name="main"
/frameset
/frameset
noframesbody
/body/noframes
/html
在left的表单中写成:
form name="form1" method="post" action="main.asp" target="main"
......//你自己设计吧。
/form
这样就可以你的查询条件传给main.asp中了!
参考资料:hi.baidu.com/comasp
javascript不是jsp。
JavaScript基本介绍:
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
JavaScript用途:
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies,包括创建和修改等。
基于Node.js技术进行服务器端编程。
JSP基本介绍:
JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。
它实现了Html语法中的java扩展(以 %, %形式)。JSP与Servlet一样,是在服务器端执行的。通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。
JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术,它的主要目的是将表示逻辑从Servlet中分离出来。
Java Servlet是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点。
有以上JavaScript和JSP介绍可知,JavaScript不是JSP,JSP页面也内嵌JavaScript使用。
HTML:
Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
详细:
JavaScript简介:
Javacript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用Javacript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的互动性、提供亲切的服务。
文章出处:
html是网页的基础语言 Javascript可以直接在客户端运行,可以嵌入HTML语言中使用
入门就《JavaScript+DOM编程艺术》
这个阶段处于对JS有基本认识,包括语法和数据类型概念, 还包括JS的组成以及DOM的基本操作。
对JS有一定认识和理解的时候就《JavaScript高级程序设计》
这个阶段处于对JS的探索阶段,要了解JS的各种性能、不同终端和解释器的兼容性、以及原型链、封装和继承概念等。
对JS已经有自己的理解和思想了就《JavaScript 权威指南》,可以把这本书当JS字典用
这个阶段就是突破阶段了, 会形成自己的编码风格和思想,处于架构层次的突破阶段。
我们先来认识下JavaScript中的数据类型。JavaScript是弱类型语言,开始的时候并不知道变量时什么类型,必须通过存储的具体的值才能判断变量的类型。
JavaScript的数据类型分为基本数据类型和复杂数据类型。其中,基本数据类型: Number(数字),String(字符串),Boolean(布尔),Undefined(未定义),Null(空);复杂(引用)数据类型: Object(对象), Array(数组), Function(函数)。我们可以使用typeof操作符检查变量的类型,语法为typeof(变量)/typeof 变量,typeof返回值: number, string, boolean, undefined, object, function。今天我们来认识下JavaScript中的基本数据类型。
首先,我们来认识下Number类型。number类型就是数字类型,主要用于存储数据,参与数学运算。number类型包括 整数,小数,正数,负数,各种进制的数字和特殊数字。我们通过下面的代码来认识下number类型:
// 1.1 普通整数和小数
var num1 = 10;
var num2 = 2.5; console.log(typeof(num1), typeof num2);
// 1.2 负值
var num3 = -0.2;
console.log(num3, typeof num3);
// 1.3 八进制,以 0 开头并且没有超过 8 的值,则为 8 进制
var num4 = 070;
console.log(num4, typeof num4); // 56 number
// 1.4 十六进制,0x 开头,则为 16 进制
var num5 = 0x10;
console.log(num5, typeof num5); //15 number
除了上面的number类型,JavaScript中还有一些特殊的数字类型:
1、NaN: not a number,算术运算不能得到正常数字时会返回NaN,NaN不和NaN相等。
2、Infinity: 无穷大。
3、e: 10的次幂 1e9代表1乘以10的9次幂
4、小数相加会有误差
//1.1 NaN not a number 算术运算不能得到正常数字都会返回 NaN var num5 = ‘a’ - 5;
console.log(num5, typeof num5); // NaN number
// 1.2 无穷大
var num6 = 1 / 0;
console.log(num6, typeof num6); // Infinity number
// 1.3 小数相加 会有一点偏差
console.log(0.1+0.2); // 0.30000000000000004
接下来,我们来认识下String类型,string类型就是字符串类型,是用引号引起来的内容,单引号和双引号都可以, 例如:“web”, ‘web’。字符串有一个常用属性length,用来表示字符串的长度,字符串中的任意字符都占字符串的一个长度,字符串也可以通过charAt(下标)方法来获取对应下标的字符,需要注意的是,字符串中下标是从0开始的,除了charAt()方法外,也可以使用字符串加中括号的形式获取对应下标的字符。
var str1 = ‘abc’;
var str2 = “123”;
console.log(typeof str1,typeof str2); //string string
console.log(str1.charAt(0)); // a
console.log(str1[0]]); // a
此外,所有我们从 input 表单中获取的用户输入的内容都是字符串,哪怕输入的是数字。例如下面的例子。
input type="text" id="oIn"
button id="oBut"输出内容/button
oBut.onclick = function () {
var value = oIn.value;
console.log(typeof value); // string
}
接下来,我们来认识下Boolean类型。Boolean: 布尔类型, 只有真和假,也就是true/false。
var bool1 = true;
var bool2 = false;
console.log(typeof bool1, typeof bool2); // boolean boolean
console.log(10 20); //false
if(10 20){ // if 的小括号里面,会自动转换成 boolean 类型
alert(true)
};
除了通过比较能得到 Boolean 的值以外,还有一个口诀来判断条件是否为真:非 0 为真,非空为真”。即 0 为假,其他数字为真,空字符串为假,其他为真。
最后,我们来认识下null和undefined。null表示值为空,undefined表示变量没有初始化(声明未赋值),值的空缺。null表示空对象,使用typeof操作符得到的“object”。undefined:undefined类型,当声明变量未赋值时,变量的值就是undefined,类型也是undefined。
var a = null;
console.log(a); // null
console.log(typeof a); // object
// var b = undefined;
var b;
console.log(b); // undefined
console.log(typeof b); // undefined
javascript是一门脚本编程语言。一般至少要学1~2个月,才有效果,也视个人天赋而定。当然也少不了大量练习,要经常自己动手写 特效。要求网上大部分特效,你都能改。然后自己能写一些简单的特效,就算入门了。但要精通的话就得花些时间了,最好参与些项目,很多技巧不通过项目这样比较大的历练是用不上的。千锋软件开发培训课程的授课模式采用全程面授,讲师成本虽高,但是效果却是显著的,和学员面对面沟通,了解到学员在学习过程中遇到的问题,动态地调整授课方式。
千锋教育就有线上免费的软件开发公开课,。
JavaScript是脚本语言,主要用来编写动态网页。建议先从基本的HTML和CSS学起,学学静态页面布局。然后在网上找一些javascript入门级的视频教程,按照教程一步步由浅入深按部就班的学习就OK。
编程一方面靠的是逻辑思维,另一方面也是一个孰能生巧的过程,只要多敲几遍代码,将基础知识融会贯通,肯定能够学好的。千锋教育集团目前已与国内4000多家企业建立人才输送合作,与500多所大学建立实训就业合作,每年为各大企业输送上万名移动开发工程师,每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。