位置: 编程技术 - 正文

JavaScript 基础问答 四(javascript基本语句)

编辑:rootadmin

推荐整理分享JavaScript 基础问答 四(javascript基本语句),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript语言基础,javascript基本语句,javascript基础入门案例,javascript基础编程,javascript基础题库,javascript基础入门案例,javascript基础入门教程,javascript基本语句,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 基础问答 四(javascript基本语句)

二、导航功能增强

1. 下拉菜单中的链接(Links in Select Menu)

Q:我如何实现在下拉菜单中链接到不同的页面?

A:要创建一个所示的下拉菜单: 选择一个页面JavaScript FAQNumbersStringsNavigationColorsJavaScripter.net

你可以使用下面的代码:

<form> <select onChange="if(this.selectedIndex!=0) self.location=this.options[this.selectedIndex].value"> <option value="" selected>Select a page <option value="startpag.htm">JavaScript FAQ <option value="numbers.htm">Numbers <option value="strings.htm">Strings <option value="navigati.htm">Navigation <option value="colors.htm">Colors <option value=" </select> </form>

只需要把菜单项及其相应的URL改为你需要就可以了。你可以使用绝对地址(就像 mypage.htm)。

2. 按钮链接(Button Links)

Q:我怎么才能把一个按钮变为指向另外一个页面的超链接呢?

A:要创建一个按钮就像一个:

你可以使用这段代码:

<form> <input type=button value="insert button text here" onClick="self.location='Your_URL_here.htm'"> </form>

只需要改为你需要的按钮文本和目标地址。试一下这个:

你可以使用绝对地址(像

3. 后退按钮(Back Button)

Q:我能让按钮像浏览器的“后退”按钮一样吗?

A:要创建你自己的后退按钮,可以使用这段代码:

<form> <input type=button value="Back" onCLick="history.back()"> </form>

现在试一下:

4. 前进按钮(Forward Button)

Q:我能让按钮像浏览器中的“前进”按钮一样吗?

A:要创建自己的“前进”按钮,使用这段代码:

<form> <input type=button value="Forward" onCLick="history.forward()"> </form>

如果浏览器上的前进按钮当前不可用,那么这个“前进”按钮同样不能工作。这种情况就是当前页是你浏览历史中的最后一页。换句话说,如果你是使用浏览器的“后退”按钮到达的这个页面(或者脚本编写的后退按钮),那么这个前进按钮就可以工作。现在试一下吧!

5. 查询字符串(Query Stirngs)

Q:我的脚步可以访问当前URL中的查询字符串吗?

A:查询字符串(或搜索字符串)是URL中的一个可选部分,它跟在文件名后面,以问号引导(?)。例如,下面的URL在HTML文件名后包含了一个查询字符串 ?myquery:

创建这些按钮的代码是:

<form> <input type=button value="Add query ?test" onClick="selfself.location= self.location.protocol+'//' +self.location.host +self.location.pathname+'?test'"> <input type=button value="Show query" onClick="alert('Query string: '+self.location.search)"> <input type=button value="Remove query" onClick="selfself.location= self.location.protocol+'//' +self.location.host +self.location.pathname"> </form>

注意:查询字符串有时候可能不会如预期一样的工作。例如,如果你将这个页面保存本地磁盘上,上面在Internet Explorer 4.x就不会工作(但是在Netscape Navigator中依然有效)。

6. 向页面传递参数(Passing parameters to a page)

Q:我可以从也页面向另外一个页面传递参数吗?

A:可以。有几种不同的方式可以实现:

把参数保存在cookie中 把参数保存在另外一个窗口或框架的变量中 把参数存在可以修改的属性top.name(浏览器窗口的名字)中 把参数作为一个查询字符串拼接在目标页面的URL后面

这里是一个简单的例子来演示所有这些传递参数的方法。传递的值应该是字符换“It_worked”。当你点击下面的按钮时,按钮的事件脚本会存在这些值(1)在名为parm_value的cookie中,(2)以顶层变量top.parm_value保存以及(3)在top.name属性中。然后,脚本引导浏览器到parm_get.htm,它的URL包含一个值为URL编码的查询字符串。

7. 查找文本(Searching for text)

Q:我怎样在页面查询一个特定的文本字符串?

A:在Netscape Navigator 4.x中,可以使用window.find(string) 方法查找;参见查找对话框。在Internet Explorer 4.x或更新版本中,创建一个文本范围对象(下面的例子中是TRang),然后使用TRang.findText(string)。

示例:下面的脚本根据用户输入的文本查找并在页面上高亮显示。

这个示例的代码为:

<form name="f1" action="" onSubmit="if(this.t1.value!=null && this.t1.value!='') findString(this.t1.value);return false" > <input type="text" name=t1 value="" size=> <input type="submit" name=b1 value="Find"> </form> <script language="JavaScript"> <!-- var TRange=null function findString (str) { if (parseInt(navigator.appVersion)<4) return; var strFound; if (navigator.appName=="Netscape") { // NAVIGATOR-SPECIFIC CODE strFound=self.find(str); if (!strFound) { strFound=self.find(str,0,1) while (self.find(str,0,1)) continue } } if (navigator.appName.indexOf("Microsoft")!=-1) { // EXPLORER-SPECIFIC CODE if (TRange!=null) { TRange.collapse(false) strFound=TRange.findText(str) if (strFound) TRange.select() } if (TRange==null || strFound==0) { TRange=self.document.body.createTextRange() strFound=TRange.findText(str) if (strFound) TRange.select() } } if (!strFound) alert ("String '"+str+"' not found!") } //--> </script>

Javascript 布尔型分析 本来我以为js的布尔型转换跟java一样,毕竟大家同一个祖宗嘛,以下是我的写法。functionfoo(){vartemp=Boolean.valueOf('%=javaBoolean%');alert(temp==false);}java变量javaBo

Javascript valueOf 使用方法 object.valueOf()必选项object参数是任意固有JScript对象。说明每个JScript固有对象的valueOf方法定义不同。对象返回值Array数组的元素被转换为字符串,这些字

走出JavaScript初学困境—js初学 从开始接触JS这东西有一年时间了,心头总是有一些说不出来的苦闷。在论坛里也常常有人这么说。那么苦在何处呢?总是感觉学的不深入,一些简单的

标签: javascript基本语句

本文链接地址:https://www.jiuchutong.com/biancheng/383923.html 转载请保留说明!

上一篇:JavaScript 基础问答三(javascript零基础)

下一篇:Javascript 布尔型分析(js中布尔值为false的六种情况)

  • 收到退税款怎么入账
  • 企业购入汽车可以抵扣增值税吗
  • 企业前期开办费怎么入账
  • 银行汇票用什么账户核算
  • 民办学校房屋要求
  • 发票第一联需要保存多久
  • 小规模纳税人开票税率
  • 工资表多扣个税怎么做账
  • 利润表营业外收入怎么取数
  • 增值税即征即退收入要交企业所得税吗
  • 记账凭证和通用凭证一样
  • 商标转让所需要的材料
  • 转出上年的进项税额怎么做分录
  • 收到保险公司返还的保险费
  • 车间设备维修费计入制造费用吗
  • 收到借款利息怎么做会计分录
  • 建筑工程增值税税率是9还是11
  • 小规模税控盘280服务费怎么申报
  • 运费计入采购成本会计分录
  • 对方不开票
  • 外购公司的长期投资如何做账
  • 如何计算劳务费个人所得税
  • 帮公司垫付的钱怎么要
  • php array_replace
  • deepin隐藏分区
  • 电脑桌面换壁纸的软件
  • php1 zybdjx
  • PHP:mcrypt_enc_get_modes_name()的用法_Mcrypt函数
  • 分红财务做账
  • 个人出售二手房要交增值税吗
  • php curl_exec
  • PHP:imagecopymergegray()的用法_GD库图像处理函数
  • 接受股权投资账务处理
  • php正则表达式匹配链接
  • 圣安德鲁斯市
  • php发送post
  • 微信支付开发需要什么条件
  • 旅行社差额征税税率是多少
  • 前端必学课程
  • ICLR2023《Crossformer: Transformer Utilizing Cross-Dimension Dependency for Multivariate Time Series》
  • 自学黑客技术入门教程
  • linux调试工具有哪些
  • 支付境外佣金税收政策
  • 保障金是低保吗
  • 增值税纳税申报实训报告
  • 个体户个税征收标准
  • 长期股权投资哪些用成本法
  • okr开源软件
  • 法人股东 分红
  • 一般纳税人的账务处理分录
  • 长期股权投资为什么不是金融资产
  • 银行汇票的特点和用途
  • mysql怎么修改
  • 公司主要产品
  • 业务招待费的扣除标准60%什么意思
  • 销售折扣销货方式有哪些
  • 预缴的税款抵扣有时间限制吗
  • 记账凭证的分类及每类的具体含义是什么
  • sql server设置自增
  • 64位CentOs7源码安装mysql-5.6.35过程分享
  • win7系统怎么设置开机启动项
  • linux ldt
  • win10预览版和正式版
  • linux config
  • win7退出家庭组
  • 验证win10
  • 防止非法使用计算机,可口令
  • jq拖拽div替换位置
  • if条件程序
  • nodejs使用视频教程
  • node通过express搭建自己的服务器
  • android xml文件有哪几种布局方式
  • android 保存密码
  • jQuery模拟select实现下拉菜单功能
  • 云南省地方税务局官网
  • 动物大联盟是国内品牌吗
  • 企业交社保可以退税吗
  • 暂停资本化期间,一般借款的借款利息不允许资本化
  • 金蝶EAS固定资产变更
  • 新开公司交印花税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设