使用框架可以很容易地为我的 html src 和 href 属性列出完整的 url,我觉得我通过列出完整的 url 而不是相对路径更彻底。但这会更快吗?我是否需要进行额外的 DNS 查找?当内容在同一台服务器上时,最佳做法是什么?
<img src='http://site.com/images/img1.png' />
对比
<img src='/images/img1.png' />
Run Code Online (Sandbox Code Playgroud)
Codeigniter 的图像助手 img()在用户指南中的工作方式如下:
echo img('images/picture.jpg');
// gives <img src="http://site.com/images/picture.jpg" />
Run Code Online (Sandbox Code Playgroud)
和 Codeigniter 的锚助手 anchor()在用户指南中的工作方式如下:
echo anchor('news/local/123','My News');
// gives <a href="http://example.com/index.php/news/local/123" >My News</a>
Run Code Online (Sandbox Code Playgroud) 我正在我的个人网站上工作(从模板构建),就在我完成时,我的链接停止响应左键单击.如果右键单击并选择"在新标签中打开",它们就可以正常工作.将鼠标悬停在它们上方时,您可以在浏览器底部的状态栏中看到该URL.
我已经对此进行了相当多的搜索,似乎可能有一些JavaScript覆盖了标记的默认行为.我曾尝试查看Chrome和Firefox DevTools的Network和EventListener部分,但我不完全确定我在寻找什么.
我不想在这里粘贴整个网站的代码(太长时间),但你可以从我的Github页面下载它来自己尝试一下.
由于我认为问题与JavaScript有关,这里是我网站的页眉和页脚部分,所以你可以看到我附加的内容:
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Mike Lipson | Instructional Technology Specialist</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="prefetch" href="images/zoom.png">
<style type="text/css" media="screen">
a.heading_link {
color: white;
}
</style>
Run Code Online (Sandbox Code Playgroud)
<!-- SCRIPTS -->
<script src="js/html5shiv.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script> <!-- Potential link-breaker -->
<script type="text/javascript" src="fancybox/jquery.fancybox.pack-v=2.1.5.js"></script>
<script src="js/script.js"></script>
<!-- fancybox …Run Code Online (Sandbox Code Playgroud) 我想在同一窗口的新标签页中使用“ href”(不使用javascript / jQuery)打开链接。如果该链接已经打开,则应重新加载并聚焦。
我该如何编码才能实现这一目标?
我试过了。
<a href="name.html" target="_blank">Click</a>
Run Code Online (Sandbox Code Playgroud)
如果页面已经存在,则不会重新加载该页面。它将一次又一次地在新选项卡中打开链接。
有什么建议吗?
我有这个 html 表:
<table class="info">
<tbody>
<tr><td class="name">Year</td><td>2011</td></tr>
<tr><td class="name">Storey</td><td>3</td></tr>
<tr><td class="name">Title</td><td><a href="http://gov.kz/premera/">Premier</a></td></tr>
<tr><td class="name">Condition</td><td>Renovated</td></tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
在此表中,数据的组织方式是每行包含 2 个用<td>标签括起来的单元格。第一个单元格包含有关数据类型的信息。例如房屋的建造年份。第二个单元格包含年份信息本身,即 2011 年。
我正在尝试从第二个单元格中提取信息(它是:2011、3、Premier、Renovated)
我使用这个 Xpath 表达式:
//table[@class="info"]//td[2]/text()
Run Code Online (Sandbox Code Playgroud)
收到的输出(错误):
2011
3
Renovated
Run Code Online (Sandbox Code Playgroud)
期望的输出:
2011
3
Premier
Renovated
Run Code Online (Sandbox Code Playgroud)
正如您<td>在第 3 行中看到的 2-nd而不是仅包含链接的文本,因此会丢失来自该行的信息。因此,未收到所需的字符串“Premier”。有时行中的单元格包含链接,有时它只是纯文本。在这两种情况下(链接或仅给出文本),有什么方法可以从第二个单元格中提取数据?
我正在尝试添加一个可以在 WhatsApp 中共享的链接:
例如:
"whatsapp://send?text=http://www.example.com/products/women/dresses?sessionid=34567&source=google.com"
Run Code Online (Sandbox Code Playgroud)
但是在 WhatsApp 中发送的链接从“&”直到结尾都被截断了。(第二个参数)
当我尝试时会发生同样的事情:
"WhatsApp://send?text=http://www.example.com/prod&ucts/"
Run Code Online (Sandbox Code Playgroud)
(注意单词“prod&ucts”中间的“&”)“&”后面的文本被截断。
任何建议为什么会发生这种情况以及我该如何解决?
我有这个代码.
<li class="active">
<a href="#tab-weekly" data-toggle="tab">Weekly Payment</a>
</li>
<li>
<a href="#tab-advance" data-toggle="tab">Advance Payment</a>
</li>
<li>
<a href="#tab-data" data-toggle="tab">Expenses</a>
</li>
Run Code Online (Sandbox Code Playgroud)
我的问题是,我可以使用<button>而不是<a>实现这一目标吗?我将其更改为按钮,但它们无法正常工作.
<a href= "" style="color: #666; ">{{postMessage}}</a>
Run Code Online (Sandbox Code Playgroud)
我得到{{postMessage}}角度表达式,这个帖子消息是链接的形式,例如.www.google.com.
如果我不包括href那么它显示为普通文本.如果我这样做,href=""它会把我带到一个空白页面,这很明显.请帮助我解决一下如何使我的angular2表达式在html中作为链接工作的问题.
我有以下代码:
<area href="/?22" shape="poly" coords="438,388,561,211">
<area href="/?23" shape="poly" coords="338,43,61,21">
Run Code Online (Sandbox Code Playgroud)
当它被点击链接发送“信号”并且工作正常,但页面更改为:
http://192.168.0.177/?22
Run Code Online (Sandbox Code Playgroud)
或者
http://192.168.0.177/?23
Run Code Online (Sandbox Code Playgroud)
我想将页面保留为:
http://192.168.0.177
Run Code Online (Sandbox Code Playgroud)
有没有办法/黑客点击链接发送信号,但页面仍然存在,当然不会刷新?
非常感谢!
我正在使用 Angular Router,并且我试图通过 id 链接到另一个路由中的子组件。基本上通常会使用<a href="www.url.com/profile/#profile-header-id">.
我不确定 Angular 路由器是否有内置的方法来做到这一点,但如果没有,也许我可以在稍后知道元素已呈现时手动触发链接。
问题不在于链接到另一条路由,这当然是通过 Angular 路由器的 Link 完成的。问题是链接到在链接组件的呈现 HTML 中找到的元素。
不那么抽象的代码示例:
所以假设我在 app.module.ts 文件中的路由器是
`const routes = [
{ path: '', component: HomeComponent},
{ path: '#section3', component: HomeSection3Component},
{ path: 'B', component: BComponent},
];`
Run Code Online (Sandbox Code Playgroud)
现在在组件 OtherComponent 中,我想要一个链接,它不仅可以将我带到主页路由 ' ',还可以滚动到 id #section3 的元素,从而跳过所有不相关的内容。
我的主页组件为页面的每个部分都有嵌套的组件。每个部分/组件都有一个 id。
主页.component.html
`<main>
<app-section1></app-section1>
<app-section2></app-section2>
<app-section3></app-section3>
</main>`
Run Code Online (Sandbox Code Playgroud)
但是,当单击<button routerLink="#section3">Go to homepage section 3</button>B 页面上的按钮时,我只能看到一个空白页面。
我正在开发一个使用 Next-JS 和 Material-UI 构建的服务器端渲染 React 项目。并且我想应用到 Material Ui按钮->带有动态路线的链接
我怎样才能做到这一点?我会应用 React Router Link,但它是不同的......
我的问题是它有另一个所需的属性,例如“as”属性。