根据你的网页需求,自建网站主页不跳转新窗口可以通过以下两种方式实现:
一、设置使用 JavaScript 实现非跳转式窗口打开

通过 JavaScript 的点击 `window.open` 方法,可以配置新窗口属性以实现不跳转、新页新窗无工具栏等效果。面打例如:

```html
```

说明:
1. `target="_blank"` 指定在新窗口打开链接;
2. 通过设置 `` 隐藏原始链接;
3. 在新窗口中移除工具栏、开自口菜单栏等控件,建网实现无干扰的站主嵌入效果。
二、跳转服务器端处理(推荐用于动态内容加载)
对于 WordPress 等 CMS 系统,网页可以通过 AJAX 或自定义代码实现页面内容更新而不跳转页面。设置以下是点击具体步骤:
1. 使用 WordPress 的 AJAX 功能
通过 `wp_ajax` 钩子处理异步请求,并使用 `wp_localize_script` 传递数据。新页新窗
步骤:
1. 在主题 `functions.php` 中注册 AJAX 脚本:
```php
add_action('wp_enqueue_scripts',面打 'enqueue_ajax_script');
function enqueue_ajax_script() {
wp_enqueue_script('custom-ajax-script', get_template_directory_uri() . '/js/custom-ajax-script.js', array('jquery'), '1.0', true);
wp_localize_script('custom-ajax-script', 'ajax_object', array('ajax_url' => admin_url('admin-ajax.php')));
}
add_action('wp_ajax_nopriv_custom_ajax_request', 'custom_ajax_request');
add_action('wp_ajax_custom_ajax_request', 'custom_ajax_request');
```
2. 编写 JavaScript 代码发送请求并更新页面内容:
```javascript
jQuery(document).ready(function($) {
$('load-content').click(function() {
$.ajax({
url: ajax_object.ajax_url,
type: 'POST',
data: {
action: 'custom_ajax_request',
content: $('content').val()
},
success: function(response) {
$('content').html(response);
}
});
});
});
```
3. 在前端页面添加触发按钮和内容容器:
```html
```
2. 使用 iframe 嵌入内容
通过 iframe 可以在当前页面嵌入另一个页面,避免跳转。开自口适用于静态内容或第三方内容。
示例:
```html
```
三、其他注意事项
浏览器设置:确保浏览器未禁用弹出窗口或新标签页限制;
插件冲突:检查 WordPress 插件是否兼容,必要时禁用冲突插件;
代码调试:通过浏览器的开发者工具检查 JavaScript 错误或网络请求异常。
通过以上方法,可根据具体需求选择适合的实现方式。