layer页面跳转,获取html子节点元素的值方法

下面是关于layer页面跳转和获取html子节点元素值的完整攻略：

layer页面跳转

在网站开发过程中，layer弹窗是一个非常常用的提示框和交互框架。在进行页面跳转时，我们可以使用layer.open()方法实现，方法语法如下：

layer.open({
    title: '弹出窗口标题',
    type: 2,
    content: '弹出窗口链接地址',
    area: ['宽度', '高度'],
    maxmin: true, // 是否允许最大化最小化
    scrollbar: false // 是否显示滚动条
});

其中，type表示弹窗类型，可以是1或2，1表示iframe，即加载html文件，2表示页面层，可以是一个div或其他元素。content则表示弹窗链接地址或元素，area表示弹窗的宽度和高度，maxmin表示是否允许最大化最小化，scrollbar表示是否显示滚动条。

下面是一些示例：

示例一：打开一个iframe弹窗

layer.open({
    title: '查看订单详情',
    type: 2,
    content: '/order/123',
    area: ['800px', '600px'],
    maxmin: true,
    scrollbar: false
});

上面的代码会弹出一个宽800px，高600px的弹窗，显示订单号为123的订单详情页面。

示例二：打开一个页面层弹窗

layer.open({
    title: '编辑用户信息',
    type: 1,
    content: $('#edit-user-form'),
    area: ['600px', '400px'],
    maxmin: true,
    scrollbar: false
});

上面的代码会弹出一个宽600px，高400px的弹窗，内容为页面中id为edit-user-form的div元素。

获取html子节点元素的值方法

在开发过程中，经常需要获取页面中某个元素的值进行操作。获取方式有很多，下面是两种比较常用的方法：

方法一：使用jQuery的val()方法

jQuery的val()方法可以获取input、select等表单元素的值。示例代码如下：

var username = $('#username-input').val();
console.log(username);

上面的代码会获取id为username-input的输入框的值，并在控制台输出。

方法二：使用原生JS的innerHTML属性

innerHTML属性可以获取元素的HTML内容，常用于获取div、span等元素的值。示例代码如下：

var content = document.getElementById('content-div').innerHTML;
console.log(content);

上面的代码会获取id为content-div的div元素里面的HTML内容，并在控制台输出。

总结：获取页面中元素的值，首先需要确定目标元素的选择器，然后使用jQuery的val()方法或原生JS的innerHTML属性获取元素的值。