js插件源码

(function() {
  class Modal {
    constructor(options) {
      this.options = Object.assign({
        title: 'Modal Title',
        content: 'Modal Content'
      }, options);
      this.init();
    }

    init() {
      const modalHTML = `
        <div class="modal">
          <div class="modal-content">
            <span class="close-button">&times;</span>
            <h2>${this.options.title}</h2>
            <p>${this.options.content}</p>
          </div>
        </div>
      `;
      document.body.insertAdjacentHTML('beforeend', modalHTML);
      this.bindEvents();
    }

    bindEvents() {
      const closeButton = document.querySelector('.close-button');
      closeButton.addEventListener('click', () => this.close());
    }

    close() {
      const modal = document.querySelector('.modal');
      modal.remove();
    }
  }

  window.Modal = Modal;
})();

// 使用插件
const myModal = new Modal({
  title: 'Custom Title',
  content: 'This is a custom modal content.'
});