页面链接打开方式

更新时间：2020-05-26 16:14:07 作者：米拓建站

页面中大部分链接可以调用系统的设置来控制链接打开方式，包含内容列表链接打开方式和栏目链接打开方式。

## 栏目链接打开方式
### 概述：
通过`{$m.urlnew}`可调用栏目链接的打开方式。

【说明】栏目链接的打开方式可在栏目管理中设置，具体请参考“[新窗口打开](https://doc.metinfo.cn/metinfo/column/column79.html "新窗口打开")”。
### 使用范围：
所有模板文件页面，需要嵌套在模板“[tag 栏目](https://doc.metinfo.cn/mb/mbtag/64.html "tag 栏目")”标签中使用。

### 类型：
系统参数，控制栏目链接打开方式的参数。
### 语法：

<tag action="category" type="head">//调用头部导航的数据，也可以是其他方式调用栏目，例如调用当前栏目、当前栏目的子栏目、头部导航栏目、底部导航栏目，具体语法请参考https://doc.metinfo.cn/mb/mbtag/64.html
    <a href="{$m.url}" {$m.urlnew} title="{$m.name}">{$m.name}</a>
    </tag>

### 原理：

根据栏目管理中设置的栏目是否新窗口打开，{$m.urlnew}在前台会渲染成不同的字符。
- 设置为新窗口打开时，`{$m.urlnew}渲染为target="_blank"`；
- 设置为不是新窗口打开时，`{$m.urlnew}渲染为target="_self"`。

### 示例：
#### 自定义设置头部导航栏的栏目打开方式：
**场景案例：**网站管理员可在网站后台，自定义设置头部某个导航栏目是否新窗口打开，栏目链接打开方式可参考“[新窗口打开](https://doc.metinfo.cn/metinfo/column/column79.html "新窗口打开")”设置。

**模板代码：**

<tag action="category" type="head">//tag标签调用头部导航的数据，也可以是其他方式调用栏目，例如调用当前栏目、当前栏目的子栏目、头部导航栏目、底部导航栏目，具体语法请参考https://doc.metinfo.cn/mb/mbtag/64.html
    <a href="{$m.url}" {$m.urlnew} title="{$m.name}">{$m.name}</a>//{$m.url}：栏目链接；{$m.name}:栏目名称；{$m.urlnew}：栏目链接打开方式
    </tag>

【注意】实际编写时请去掉注释文字。

**前台页面输出HTML：**

<a href="about/" target=”_self” title="关于我们">关于我们</a>//设置该栏目是当前窗口打开
    <a href="product/" target=”_blank” title="产品展示">产品展示</a>//设置该栏目是新窗口打开
    //头部导航栏目可能有多个，示例只列举两个

## 内容列表链接打开方式
### 概述：
通过`{$g.urlnew}`可调用全站所有内容列表链接的打开方式。

【说明】内容列表链接的打开方式可参考“[页面链接打开方式](https://doc.metinfo.cn/metinfo/style/style565.html "页面链接打开方式")”设置。
### 使用范围：
所有模板文件页面，需要嵌套在模板`tag 内容列表`标签中使用。
【说明】tag内容列表标签，包含[指定栏目内容列表](https://doc.metinfo.cn/mb/mbtag/65.html "指定栏目内容列表") 、[文章内容列表](https://doc.metinfo.cn/mb/mbtag/67.html "文章内容列表") 、[产品内容列表](https://doc.metinfo.cn/mb/mbtag/68.html "产品内容列表") 、[下载内容列表](https://doc.metinfo.cn/mb/mbtag/69.html "下载内容列表") 、[图片内容列表](https://doc.metinfo.cn/mb/mbtag/70.html "图片内容列表") 、[招聘内容列表](https://doc.metinfo.cn/mb/mbtag/71.html "招聘内容列表") 、[搜索结果列表](https://doc.metinfo.cn/mb/mbtag/73.html "搜索结果列表") 。

### 类型：
系统参数，控制内容列表链接打开方式的参数。
### 语法：

<tag action="list" cid="4">//指定栏目ID为4的内容列表，action参数值可参考上方的使用范围
    <a href="{$g.url}" {$g.urlnew} title="{$m.name}">{$m.name}</a>
    </tag>

### 原理：
根据网站后台【风格设置】中设置的内容列表链接打开方式，{$g.urlnew}在前台会渲染成不同的字符。
- 设置为新窗口打开时，`{$g.urlnew}渲染为target="_blank"`；
- 设置为当前窗口打开时，`{$g.urlnew}渲染为target="_self"`。

### 示例：
#### 自定义设置首页指定栏目的内容列表打开方式：
**场景案例：**网站管理员可在网站后台，统一设置网站所有内容列表链接是否新窗口打开，内容列表链接打开方式可参考“[新窗口打开](https://doc.metinfo.cn/metinfo/style/style565.html "新窗口打开")”设置。

**模板代码：**

<tag action="list" cid="4">//调用指定栏目的内容列表数据，可参考“如何获取栏目ID”https://doc.metinfo.cn/mb/faq/102.html 将获取的栏目id传入到参数cid中，cid参数的值可以是模板中自定义的变量,例如$lang['index_product_id']，可参考文档https://doc.metinfo.cn/mb/mb/28.html 
    // $v包含了每条内容的所有数据，相当于一个数组，可以通过{$v.字段名}的方式来渲染信息数据，$v包含的字段名请参考文档https://doc.metinfo.cn/mb/mbtag/65.html
    <a href="{$v.url}" {$g.urlnew} title="{$v.title}">{$v._title}</a>//{$v.url}：内容链接；{$v._title}:带自定义样式的内容标题；{$g.urlnew}：内容列表链接打开方式
    </tag>

【注意】
- 在action中传入对应的模块栏目列表页参数值，则可自定义设置对应模块栏目列表页的内容列表打开方式，详见对应模块的`tag内容列表标签`；
- 实际编写时请去掉注释文字。

**前台页面输出HTML：**

<a href="product/showproduct.php?id=8" target="_blank" title="华为HUAWEI AKG H300耳机"><span style="color:#1baadb;">华为HUAWEI AKG H300耳机</span></a>
    <a href="product/showproduct.php?id=10" target="_blank" title="华为HUAWEI荣耀移动电源"><span style="">华为HUAWEI荣耀移动电源</span></a>
    //内容列表可能有多条内容，示例只列举两条

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}