html里面除了<a href=""><a>加链接之外,还有什么方式可以加链接?

html里面除了<a href=""><a>加链接之外,还有什么方式可以加链接?,第1张

html加链接的方法还有在html中插入javascript代码调用Window open() 方法。示例如下:

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

1、在新浏览器窗口中打开 www.runoob.com :

function open_win() {

window.open("http://www.runoob.com")

}

2、下面的示例在一个新的浏览器打开一个window空白页:

function openWin(){

 

myWindow=window.open('','','width=200,height=100') 

myWindow.document.write("<p>这是'我的窗口'</p>") 

myWindow.focus()

}

结果如图:

扩展资料:

html 标签四种常用超链接:

1、<!--在本窗口打开链接-->

<a href="http://www.baidu.com">baidu</a><br>

2、<!--新窗口打开连接-->

<a href="http://www.baidu.com" target="_blank">baidu</a><br>

3、<!--为图片增加超链接-->

<a href="http://www.baidu.com"><img src="111.jpg" alt="美女"></a><br>

4、<a href="text.html">文本格式化元素</a>

alternate

如果是<link>元素,并且rel属性包括stylesheet, 则这个link定义为alternate样式表那样的话 title 属性不能为空.

如果type设置为application/rss+xml或者application/atom+xml, 则link被定义为syndication feed. 页面中第一个被定义的为默认的。

其它情况link定义为alternate页面:

另一种介质,例如手持设备(如果设置了 media 属性),

另一种语言 (如果设置了hreflang 属性),

另一种格式, 例如PDF (如果设置了type 属性),

或者是以上这些的集合.

(译注:link的alternate定义了一个可替换的样式表,它和第一个link元素同时使用,第一个定义了首选样式,而alternate则让用户可选择替换的样式。但这个替换 *** 作需要 浏览器支持,但很多浏览器比如IE都是不支持的。

所以使用到替换样式的网页,一般都用一些样式表切换的JS,让用户可以自由切换界面样式。这个应该大家都见过,一些网站会给网页定义多种配色。 稍高阶的一些,还可以利用 JS弄成随时间变化样式的,比如白天的时候显示成明色,晚上的时候显示成暗色。)

<a>, <area>, <link>

None.

archives

定义文档的超链接,该文档包含此文件的存档链接. 例如. 一个博客入口可以链接到每月索引页面。

Note: 虽然能够识别奇异文档,并不正确,必须避免出现. <a>, <area>, <link> None.

author 定义一个超链接到一个描述作者信息的页面或者提供一个方法联系作者。

Note: 这个方法可能是mailto:邮箱链接, 但不推荐这样,这样可能导致机器人发送大量的垃圾邮件到这个邮箱. 这种情况下,最好带一个包含联系方法的页面.。

在<a>, <area>or<link>标签的rev属性上,虽然能够识别 made,但并不正确,应该用rel 属性替换. <a>, <area>, <link> None.

bookmark 表明这个链接是一个固定链接,对于最近的<article>祖先标签. 如果没有,则表最近的section标签

bookmark允许标识一个包括多个文档的页面,例如每月汇总的博客页面,或者博客集合。

通过下面方法即可:

//构造100条数据

var datas = []

for(var i = 1i <=100i++){

datas.push('item' + i)

}

第一种最直接的,也是初学者就会想到的方式,所有项都直接用字符串拼接的方式,当然效率也最差了

var resultHtml = ''

for(var i = 0, len = datas.lengthi <leni++){

resultHtml += '<li>' + datas[i] + '</li>'

}

resultHtml = '<ul>' + resultHtml + '</ul>'

第二种稍微高级一点,有考虑过效率问题的基本会采用这种,用数组的方式把每一项压进去,最后join一下

var resultHtml = ''

var tempDatas = []

for(var i = 0, len = datas.lengthi <leni++){

tempDatas.push('<li>' + datas[i] + '</li>')

}

resultHtml = '<ul>' + tempDatas.join('') + '</ul>'

第三种其实也简单,只是有些人可能会想不到,当然效率也最高

var resultHtml = datas.join('</li><li>')

resultHtml = '<ul><li>' + resultHtml + '</li></ul>'


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6098822.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存