if (!book.turn('hasPage', page)) { var element = $('<div />', {'class': 'own-size', css: {width: 460, height: 582} }). html('<div class="loader"></div>'); if (book.turn('addPage', element, page)) { loadPage(page); } }

这段代码是一个条件语句，用于检查指定页码的页面是否存在于书本对象中。如果该页面不存在，则执行一系列操作来添加并加载该页面。

以下是代码的功能解释：

1. `if (!book.turn('hasPage', page))` 判断书本对象 `book` 中是否存在指定页码 `page` 的页面。如果该页面不存在，则执行接下来的代码块。
2. 创建一个 `<div>` 元素，并设置其类名为 `'own-size'`。同时，使用 CSS 属性设置该元素的宽度为 460 像素，高度为 582 像素。
3. 在 `<div>` 元素中插入一个具有类名 `'loader'` 的子元素，用于显示加载动画。
4. 使用 `book.turn('addPage', element, page)` 方法将创建的 `<div>` 元素作为新页面添加到书本对象中的指定页码位置。如果添加成功，则执行接下来的代码块。
5. 调用 `loadPage(page)` 函数来加载指定页码的内容。

整体而言，这段代码的作用是检查指定页码的页面是否存在于书本对象中。如果不存在，则创建一个带有加载动画的 `<div>` 元素，并将其作为新页面添加到指定页码位置，并加载该页面的内容。这样可以确保在需要时动态地添加和加载页面。

相关问题

function addPage(page, book) { var id, pages = book.turn('pages'); if (!book.turn('hasPage', page)) { var element = $('<div />', {'class': 'own-size', css: {width: 460, height: 582} }). html('<div class="loader"></div>'); if (book.turn('addPage', element, page)) { loadPage(page); } } }

这段代码定义了一个名为`addPage`的函数，用于向书（`book`）中添加页面。该函数接受两个参数，`page`表示要添加的页面的页码，`book`表示书的元素。

首先，在函数内部声明了变量`id`和`pages`，其中`pages`是通过调用`book.turn('pages')`方法获取当前书籍的总页数。

接下来，使用条件判断`!book.turn('hasPage', page)`来检查是否已经存在指定页码的页面。如果不存在，则执行以下操作：

1. 创建一个`div`元素，并添加一个名为`own-size`的类。通过`css`属性设置该元素的宽度为460，高度为582。
2. 在该元素中插入一个具有名为`loader`的子元素，用于显示加载状态。

然后，通过调用`book.turn('addPage', element, page)`方法将创建的页面元素添加到书中的指定页码位置。如果添加页面成功，则调用`loadPage(page)`方法加载该页面的内容。

这段代码的作用是向书中添加页面，并在需要时加载页面内容。